fix(apps/storybook): navigation, select component (#1819)

sushi-labs · Feb 8, 2025 · d35378b · d35378b
1 parent 501f31f
commit d35378b
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 24 deletions.
diff --git a/apps/storybook/.gitignore b/apps/storybook/.gitignore
@@ -0,0 +1 @@
+build-storybook.log
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
@@ -37,7 +37,7 @@
     "@types/react": "catalog:react",
     "@vitejs/plugin-react": "4.1.0",
     "autoprefixer": "10.4.14",
-    "chromatic": "7.4.0",
+    "chromatic": "11.25.2",
     "postcss": "8.4.23",
     "serve": "14.2.0",
     "storybook": "8.4.7",

diff --git a/apps/storybook/stories/navigation.stories.tsx b/apps/storybook/stories/navigation.stories.tsx
@@ -1,11 +1,25 @@
 // Form.stories.ts|tsx
 
 import type { Meta, StoryObj } from '@storybook/react'
-import { Navigation, OnramperProvider } from '@sushiswap/ui'
+import {
+  Navigation,
+  NavigationElementType,
+  OnramperProvider,
+} from '@sushiswap/ui'
 
 const meta = {
   title: 'Components/Navigation',
   component: Navigation,
+  args: {
+    leftElements: [
+      {
+        title: 'Home',
+        href: '/',
+        show: 'everywhere',
+        type: NavigationElementType.Single,
+      },
+    ],
+  },
   argTypes: {},
   parameters: {
     docs: {
@@ -20,7 +34,7 @@ const meta = {
 } satisfies Meta<typeof Navigation>
 
 export default meta
-type Story = StoryObj<typeof Navigation>
+type Story = StoryObj<typeof meta>
 
 export const Default = {
   args: {},

diff --git a/packages/ui/src/components/select.tsx b/packages/ui/src/components/select.tsx
@@ -36,7 +36,7 @@ const SelectTrigger = React.forwardRef<
   const content = props.asChild ? (
     children
   ) : (
-    <div className="flex gap-2 items-center">
+    <div className="flex gap-2 items-center justify-between w-full">
       {children}
       <SelectIcon />
     </div>

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml