fix: zoom scales smoothen

ccontrols · Apr 28, 2020 · 36ff168 · 36ff168
1 parent 340083f
commit 36ff168
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/ui/blocks/src/Playground/Playground.tsx b/ui/blocks/src/Playground/Playground.tsx
@@ -114,7 +114,6 @@ export const Playground: FC<PlaygroundProps> = ({
       }),
     [userActions],
   );
-
   const zoomActions = React.useMemo(
     () => [
       {
@@ -128,7 +127,10 @@ export const Playground: FC<PlaygroundProps> = ({
       },
       {
         title: (
-          <Button onClick={() => setScale(scale / 2)} aria-label="zoom out">
+          <Button
+            onClick={() => setScale(Math.max(0.5, scale - 0.2))}
+            aria-label="zoom out"
+          >
             <Octicon icon={Dash} />
           </Button>
         ),
@@ -137,15 +139,18 @@ export const Playground: FC<PlaygroundProps> = ({
       },
       {
         title: (
-          <Button onClick={() => setScale(scale * 2)} aria-label="zoom in">
+          <Button
+            onClick={() => setScale(Math.min(3, scale + 0.2))}
+            aria-label="zoom in"
+          >
             <Octicon icon={Plus} />
           </Button>
         ),
         id: 'zoomin',
         group: 'zoom',
       },
     ],
-    [],
+    [scale],
   );
   const actionsItems = userScale
     ? [...zoomActions, ...panelActions]