fix(app): fix border radius storybook

fix border radius storybook close AUTH-223
Opentrons · Mar 19, 2024 · ab931cb · ab931cb
1 parent eb4692a
commit ab931cb
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/app/src/DesignTokens/BorderRadius/BorderRadius.stories.tsx b/app/src/DesignTokens/BorderRadius/BorderRadius.stories.tsx
@@ -1,13 +1,13 @@
 import * as React from 'react'
 import {
-  Flex,
+  ALIGN_FLEX_START,
+  BORDERS,
+  Box,
   COLORS,
   DIRECTION_COLUMN,
+  Flex,
   SPACING,
   TYPOGRAPHY,
-  Box,
-  ALIGN_FLEX_START,
-  BORDERS,
 } from '@opentrons/components'
 
 import type { Story, Meta } from '@storybook/react'
@@ -23,9 +23,15 @@ interface BorderRadiusStorybookProps {
 }
 
 const Template: Story<BorderRadiusStorybookProps> = args => {
-  const targetBorderRadiuses = args.borderRadius.filter(s =>
-    s[0].includes('borderRadiusSize')
-  )
+  const targetBorderRadiuses = args.borderRadius
+    .filter(s => s[0].includes('borderRadius'))
+    .sort((a, b) => {
+      const aValue = parseInt(a[1])
+      const bValue = parseInt(b[1])
+      return aValue - bValue
+    })
+  console.log(targetBorderRadiuses)
+
   return (
     <Flex
       flexDirection={DIRECTION_COLUMN}