Merge pull request #13 from commitd/sh-develop

🐛 Fix icon bug in Nav

Author: stuarthendren

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@committed/layout",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "Committed layout library",
   "author": "Committed",
   "license": "MIT",

src/Nav.tsx

@@ -11,10 +11,10 @@ import {
   Button,
   IconButton,
   IconButtonProps,
-  Icons,
   makeStyles,
   Toolbar,
 } from '@committed/components'
+import { Icons } from './Icons'
 import { Layout } from './types'
 import { useLayout } from './Root'
 

test/render.test.tsx

@@ -1,16 +1,16 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import { Root, Header, Nav, Content, Footer, NavListItem } from '../src'
 import {
-  ThemeProvider,
-  Typography,
-  IconButton,
   Box,
-  Icons,
   Container,
+  IconButton,
   List,
+  ThemeProvider,
+  Typography,
 } from '@committed/components'
+import AccountCircle from '@material-ui/icons/AccountCircle'
 import { LoremIpsum } from 'lorem-ipsum'
+import React from 'react'
+import ReactDOM from 'react-dom'
+import { Content, Footer, Header, Nav, NavListItem, Root } from '../src'
 
 const lorem = new LoremIpsum({
   sentencesPerParagraph: {
@@ -31,27 +31,19 @@ export const Example = () => {
           <Typography variant="h5">Application Name</Typography>
           <Box flexGrow={1} />
           <IconButton color="inherit">
-            <Icons.AccountCircle />
+            <AccountCircle />
           </IconButton>
         </Header>
         <Nav>
           <List>
-            <NavListItem
-              key="1"
-              text="Menu Item 1"
-              icon={<Icons.AccountCircle />}
-            />
+            <NavListItem key="1" text="Menu Item 1" icon={<AccountCircle />} />
             <NavListItem
               key="2"
               text="Menu Item 2"
-              icon={<Icons.AccountCircle />}
+              icon={<AccountCircle />}
               selected
             />
-            <NavListItem
-              key="3"
-              text="Menu Item 3"
-              icon={<Icons.AccountCircle />}
-            />
+            <NavListItem key="3" text="Menu Item 3" icon={<AccountCircle />} />
           </List>
         </Nav>
         <Content>