From ed23d0ac3bb31b31aa872c2b6f0734ba19a8c66e Mon Sep 17 00:00:00 2001
From: Atul Varma <varmaa@gmail.com>
Date: Sun, 15 Aug 2021 15:49:28 -0400
Subject: [PATCH] Move complexity, invert symbols into randomizer widget.

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

diff --git a/lib/pages/creature-page/core.tsx b/lib/pages/creature-page/core.tsx
index 66b2dcc..6f4a376 100644
--- a/lib/pages/creature-page/core.tsx
+++ b/lib/pages/creature-page/core.tsx
@@ -314,26 +314,6 @@ export const CreaturePageWithDefaults: React.FC<
     <Page title="Creature!">
       <div className="sidebar">
         <CompositionContextWidget ctx={compCtx} onChange={setCompCtx} />
-        <div className="thingy">
-          <NumericSlider
-            label="Random creature complexity"
-            min={0}
-            max={MAX_COMPLEXITY_LEVEL}
-            step={1}
-            value={complexity}
-            onChange={(value) => {
-              setComplexity(value);
-              newRandomCreature();
-            }}
-          />
-        </div>
-        <div className="thingy">
-          <Checkbox
-            label="Randomly invert symbols"
-            value={randomlyInvert}
-            onChange={setRandomlyInvert}
-          />
-        </div>
         <RandomizerWidget
           onColorsChange={(colors) => setCompCtx({ ...compCtx, ...colors })}
           onSymbolsChange={newRandomCreature}
@@ -346,6 +326,23 @@ export const CreaturePageWithDefaults: React.FC<
               choices={SvgVocabularyWithBlank}
             />
           </div>
+          <div className="thingy">
+            <NumericSlider
+              label="Random creature complexity"
+              min={0}
+              max={MAX_COMPLEXITY_LEVEL}
+              step={1}
+              value={complexity}
+              onChange={setComplexity}
+            />
+          </div>
+          <div className="thingy">
+            <Checkbox
+              label="Randomly invert symbols"
+              value={randomlyInvert}
+              onChange={setRandomlyInvert}
+            />
+          </div>
         </RandomizerWidget>
         <div className="thingy">
           <ExportWidget