From 34f1da481a1234a04b16d3e5caeb811d01e4d856 Mon Sep 17 00:00:00 2001
From: Atul Varma <varmaa@gmail.com>
Date: Mon, 27 Sep 2021 15:33:58 -0400
Subject: [PATCH] Add 'invert colors' checkbox.

---
 lib/pages/creature-page/core.tsx | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/lib/pages/creature-page/core.tsx b/lib/pages/creature-page/core.tsx
index e1c9f86..0245050 100644
--- a/lib/pages/creature-page/core.tsx
+++ b/lib/pages/creature-page/core.tsx
@@ -263,16 +263,6 @@ export const CREATURE_DESIGN_DEFAULTS: CreatureDesign = {
   },
 };
 
-function changeCreatureSymbol(
-  creature: CreatureSymbol,
-  data: SvgSymbolData
-): CreatureSymbol {
-  return {
-    ...creature,
-    data,
-  };
-}
-
 const CreatureEditorWidget: React.FC<{
   creature: CreatureSymbol;
   onChange: (symbol: CreatureSymbol) => void;
@@ -285,10 +275,15 @@ const CreatureEditorWidget: React.FC<{
           <VocabularyWidget
             label="Symbol"
             value={creature.data}
-            onChange={(data) => onChange(changeCreatureSymbol(creature, data))}
+            onChange={(data) => onChange({ ...creature, data })}
             choices={SvgVocabularyWithBlank}
           />
         </div>
+        <Checkbox
+          label="Invert colors"
+          value={creature.invertColors}
+          onChange={(invertColors) => onChange({ ...creature, invertColors })}
+        />
       </details>
     </div>
   );