File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1- import { mdiBell } from '@mdi/js' ;
1+ import { mdiBell , mdiPlus } from '@mdi/js' ;
22import Icon from '@mdi/react' ;
33import { IconButton } from '@mui/material' ;
4+ import Button from '@mui/material/Button' ;
45import PropTypes from 'prop-types' ;
56import React , { useRef , useState } from 'react' ;
67import { useHistory } from 'react-router-dom' ;
78import SearchIcon from '_assets/svgs/search_icon.svg' ;
9+ import LinkComponent from '_atoms/LinkComponent' ;
810
911export default function Header ( ) {
1012 const history = useHistory ( ) ;
@@ -42,6 +44,20 @@ export default function Header() {
4244 < IconButton className = "header-notification-button" >
4345 < Icon size = { 1 } path = { mdiBell } />
4446 </ IconButton >
47+ < Button
48+ disableElevation
49+ variant = "contained"
50+ color = "primary"
51+ component = { LinkComponent }
52+ to = "/item/create"
53+ >
54+ < Icon
55+ path = { mdiPlus }
56+ size = { 0.9 }
57+ style = { { marginLeft : "-6px" , marginRight : "4px" } }
58+ />
59+ 새로 만들기
60+ </ Button >
4561 </ div >
4662 ) ;
4763}
You can’t perform that action at this time.
0 commit comments