Merge 138ca75 into c83ba7c

helpscout · Apr 16, 2019 · ae8486a · ae8486a
2 parents c83ba7c + 138ca75
commit ae8486a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git a/src/components/HsApp/HsApp.tsx b/src/components/HsApp/HsApp.tsx
@@ -12,7 +12,7 @@ import Sidenav from './Sidenav'
 
 export interface Props {
   children?: any
-  withInnerWrapper?: boolean
+  withInnerWrapper: boolean
   sidenavComponent?: any
   contentComponent?: any
   navComponent?: any

diff --git a/src/components/HsApp/Nav.tsx b/src/components/HsApp/Nav.tsx
@@ -11,22 +11,21 @@ import {
 } from './HsApp.css'
 import Icon from '../Icon'
 import Text from '../Text'
-import { createSpec, faker } from '@helpscout/helix'
-
-const ItemSpec = createSpec({
-  id: faker.random.uuid(),
-  label: faker.company.companyName(),
-  value: faker.company.companyName(),
-})
 
 export interface Props {}
 
 class Nav extends React.PureComponent<Props> {
   renderDropdowns() {
+    const items = [
+      { value: 'one', label: 'One' },
+      { value: 'two', label: 'Two' },
+      { value: 'three', label: 'Three' },
+      { value: 'four', label: 'Four' },
+    ]
     return ['Mailboxes', 'Docs', 'Reports', 'Manage'].map(d => (
       <DropdownUI
         key={d}
-        items={ItemSpec.generate(8)}
+        items={items}
         trigger={
           <DropdownTriggerUI>
             <Text size="14">{d}</Text>{' '}

diff --git a/stories/HsApp.stories.js b/stories/HsApp.stories.js
@@ -0,0 +1,7 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import { HsApp } from '../src/index.js'
+
+const stories = storiesOf('HsApp', module)
+
+stories.add('Default', () => <HsApp />)