From f69c94297de4168175d02e9ead985b7420cb0bfc Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Sat, 16 Oct 2021 22:41:27 +0200
Subject: feat(labels): better defaults

---
 components/Tweaks/PhysicsPanel.tsx | 56 +++++++++++++++++++-------------------
 1 file changed, 28 insertions(+), 28 deletions(-)

(limited to 'components/Tweaks/PhysicsPanel.tsx')

diff --git a/components/Tweaks/PhysicsPanel.tsx b/components/Tweaks/PhysicsPanel.tsx
index 05fdba8..cd18f03 100644
--- a/components/Tweaks/PhysicsPanel.tsx
+++ b/components/Tweaks/PhysicsPanel.tsx
@@ -65,37 +65,15 @@ export const PhysicsPanel = (props: PhysicsPanelProps) => {
           onChange={(v) => setPhysicsCallback(v, 'charge', -1 / 100)}
           label="Repulsive Force"
         />
-        <EnableSection
-          label="Collision"
-          infoText="Perfomance sap, disable if slow"
-          value={physics.collision}
-          onChange={() => setPhysics({ ...physics, collision: !physics.collision })}
-        >
-          <SliderWithInfo
-            value={physics.collisionStrength / 5}
-            onChange={(v) => setPhysicsCallback(v, 'collisionStrength', 1 / 5)}
-            label="Collision Radius"
-            infoText="Easy with this one, high values can lead to a real jiggly mess"
-          />
-        </EnableSection>
         <SliderWithInfo
           value={physics.linkStrength * 5}
           onChange={(v) => setPhysicsCallback(v, 'linkStrength', 5)}
           label="Link Force"
         />
         <SliderWithInfo
-          label="Link Iterations"
-          value={physics.linkIts}
-          onChange={(v) => setPhysicsCallback(v, 'linkIts', 1)}
-          min={0}
-          max={6}
-          step={1}
-          infoText="How many links down the line the physics of a single node affects (Slow)"
-        />
-        <SliderWithInfo
-          label="Viscosity"
-          value={physics.velocityDecay * 10}
-          onChange={(v) => setPhysicsCallback(v, 'velocityDecay', 10)}
+          label="Stabilization rate"
+          value={physics.alphaDecay * 50}
+          onChange={(v) => setPhysicsCallback(v, 'alphaDecay', 50)}
         />
       </VStack>
       <Box>
@@ -114,10 +92,32 @@ export const PhysicsPanel = (props: PhysicsPanelProps) => {
                 paddingLeft={3}
                 color="gray.800"
               >
+                <EnableSection
+                  label="Collision"
+                  infoText="Perfomance sap, disable if slow"
+                  value={physics.collision}
+                  onChange={() => setPhysics({ ...physics, collision: !physics.collision })}
+                >
+                  <SliderWithInfo
+                    value={physics.collisionStrength / 5}
+                    onChange={(v) => setPhysicsCallback(v, 'collisionStrength', 1 / 5)}
+                    label="Collision Radius"
+                    infoText="Easy with this one, high values can lead to a real jiggly mess"
+                  />
+                </EnableSection>
+                <SliderWithInfo
+                  label="Link iterations"
+                  value={physics.linkIts}
+                  onChange={(v) => setPhysicsCallback(v, 'linkIts', 1)}
+                  min={0}
+                  max={6}
+                  step={1}
+                  infoText="How many links down the line the physics of a single node affects (Slow)"
+                />
                 <SliderWithInfo
-                  label="Stabilization rate"
-                  value={physics.alphaDecay * 50}
-                  onChange={(v) => setPhysicsCallback(v, 'alphaDecay', 50)}
+                  label="Viscosity"
+                  value={physics.velocityDecay * 10}
+                  onChange={(v) => setPhysicsCallback(v, 'velocityDecay', 10)}
                 />
                 <EnableSection
                   label="Center nodes"
-- 
cgit v1.2.3

