imbric-theme 0.2.9 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +2 -0
- package/layout/Sidebar/Sidebar.js +1 -57
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -3,6 +3,7 @@ export { default as CenteredContent } from './layout/CenteredContent'
|
|
|
3
3
|
export { default as Container } from './layout/Container'
|
|
4
4
|
export { default as FullHeightContent } from './layout/FullHeightContent'
|
|
5
5
|
export { default as Spacer } from './layout/Spacer'
|
|
6
|
+
export { default as Sidebar } from './layout/Sidebar'
|
|
6
7
|
|
|
7
8
|
// Atoms
|
|
8
9
|
export { default as Avatar } from './atoms/Avatar'
|
|
@@ -29,3 +30,4 @@ export { default as Score } from './molecules/Score'
|
|
|
29
30
|
export { default as Task } from './molecules/Task'
|
|
30
31
|
export { default as TaskCounter } from './molecules/TaskCounter'
|
|
31
32
|
export { default as IconLabel } from './molecules/IconLabel'
|
|
33
|
+
export { default as ItemMenu } from './molecules/ItemMenu'
|
|
@@ -2,71 +2,15 @@ import React, { ReactNode, useRef, useState, useEffect } from 'react'
|
|
|
2
2
|
import PropTypes from 'prop-types'
|
|
3
3
|
import withStyles from '../../hocs/withStyles'
|
|
4
4
|
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
//import react pro sidebar components
|
|
8
|
-
// import {
|
|
9
|
-
// ProSidebar,
|
|
10
|
-
// Menu,
|
|
11
|
-
// MenuItem,
|
|
12
|
-
// SubMenu,
|
|
13
|
-
// SidebarHeader,
|
|
14
|
-
// SidebarFooter,
|
|
15
|
-
// SidebarContent,
|
|
16
|
-
// } from "react-pro-sidebar"
|
|
5
|
+
import { options } from './constants'
|
|
17
6
|
|
|
18
7
|
import styles from './Sidebar.module.css'
|
|
19
|
-
//import sidebar css from react-pro-sidebar module and our custom css
|
|
20
|
-
// import "react-pro-sidebar/dist/css/styles.css"
|
|
21
8
|
|
|
22
9
|
import Picture from '../../atoms/Picture'
|
|
23
10
|
import Icon from '../../atoms/Icon'
|
|
24
11
|
import Divider from '../../atoms/Divider'
|
|
25
12
|
import ItemMenu from '../../molecules/ItemMenu/ItemMenu'
|
|
26
13
|
|
|
27
|
-
const items = [
|
|
28
|
-
{
|
|
29
|
-
href: '/',
|
|
30
|
-
icon: 'home',
|
|
31
|
-
title: 'Dashboard'
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
href: '/customers',
|
|
35
|
-
icon: 'home',
|
|
36
|
-
title: 'Customers'
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
href: '/products',
|
|
40
|
-
icon: 'home',
|
|
41
|
-
title: 'Products'
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
href: '/account',
|
|
45
|
-
icon: 'home',
|
|
46
|
-
title: 'Account'
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
href: '/settings',
|
|
50
|
-
icon: 'home',
|
|
51
|
-
title: 'Settings'
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
href: '/login',
|
|
55
|
-
icon: 'home',
|
|
56
|
-
title: 'Login'
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
href: '/register',
|
|
60
|
-
icon: 'home',
|
|
61
|
-
title: 'Register'
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
href: '/404',
|
|
65
|
-
icon: 'home',
|
|
66
|
-
title: 'Error'
|
|
67
|
-
}
|
|
68
|
-
];
|
|
69
|
-
|
|
70
14
|
export const Sidebar = ({ getStyles }) => {
|
|
71
15
|
|
|
72
16
|
//create initial menuCollapse state using useState hook
|