Skip to content
This repository was archived by the owner on Jun 29, 2021. It is now read-only.

Commit 24f4566

Browse files
Merge pull request #13 from commitd/sh-develop
🐛 Fix icon bug in Nav
2 parents 523b22c + 1fa2f7d commit 24f4566

File tree

3 files changed

+13
-21
lines changed

3 files changed

+13
-21
lines changed

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@committed/layout",
3-
"version": "4.0.0",
3+
"version": "4.0.1",
44
"description": "Committed layout library",
55
"author": "Committed",
66
"license": "MIT",

src/Nav.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ import {
1111
Button,
1212
IconButton,
1313
IconButtonProps,
14-
Icons,
1514
makeStyles,
1615
Toolbar,
1716
} from '@committed/components'
17+
import { Icons } from './Icons'
1818
import { Layout } from './types'
1919
import { useLayout } from './Root'
2020

test/render.test.tsx

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
1-
import React from 'react'
2-
import ReactDOM from 'react-dom'
3-
import { Root, Header, Nav, Content, Footer, NavListItem } from '../src'
41
import {
5-
ThemeProvider,
6-
Typography,
7-
IconButton,
82
Box,
9-
Icons,
103
Container,
4+
IconButton,
115
List,
6+
ThemeProvider,
7+
Typography,
128
} from '@committed/components'
9+
import AccountCircle from '@material-ui/icons/AccountCircle'
1310
import { LoremIpsum } from 'lorem-ipsum'
11+
import React from 'react'
12+
import ReactDOM from 'react-dom'
13+
import { Content, Footer, Header, Nav, NavListItem, Root } from '../src'
1414

1515
const lorem = new LoremIpsum({
1616
sentencesPerParagraph: {
@@ -31,27 +31,19 @@ export const Example = () => {
3131
<Typography variant="h5">Application Name</Typography>
3232
<Box flexGrow={1} />
3333
<IconButton color="inherit">
34-
<Icons.AccountCircle />
34+
<AccountCircle />
3535
</IconButton>
3636
</Header>
3737
<Nav>
3838
<List>
39-
<NavListItem
40-
key="1"
41-
text="Menu Item 1"
42-
icon={<Icons.AccountCircle />}
43-
/>
39+
<NavListItem key="1" text="Menu Item 1" icon={<AccountCircle />} />
4440
<NavListItem
4541
key="2"
4642
text="Menu Item 2"
47-
icon={<Icons.AccountCircle />}
43+
icon={<AccountCircle />}
4844
selected
4945
/>
50-
<NavListItem
51-
key="3"
52-
text="Menu Item 3"
53-
icon={<Icons.AccountCircle />}
54-
/>
46+
<NavListItem key="3" text="Menu Item 3" icon={<AccountCircle />} />
5547
</List>
5648
</Nav>
5749
<Content>

0 commit comments

Comments
 (0)