QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-16 12:50:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP feature/ Dashboard_breadcrumbs & fix_localize

Browse Source
This commit is contained in:
elforjani3
2020-05-19 04:48:50 +02:00
parent e6f63fbc88
commit 67a23ce452
25 changed files with 269 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
client/src/components/Dashboard/DashboardBreadcrumbs.js
View File

@@ -3,38 +3,47 @@ import {
CollapsibleList,
MenuItem,
Classes,
Boundary
Boundary,
} from '@blueprintjs/core';
import classNames from 'classnames';
import withBreadcrumbs from 'react-router-breadcrumbs-hoc';
import routes from 'routes/dashboard';
export default function DashboardBreadcrumbs() {
function renderBreadcrumb(props) {
if (props.href != null) {
return <a className={Classes.BREADCRUMB}>{props.text}</a>;
} else {
return (
function DashboardBreadcrumbs({breadcrumbs}){
const renderBreadcrumb =(props)=>{
if(props.href != null){
return <a className={Classes.BREADCRUMB}>{props.text}</a>;
}else{
return(
<span
className={classNames(Classes.BREADCRUMB, Classes.BREADCRUMB_CURRENT)}
>
className={classNames(Classes.BREADCRUMB, Classes.BREADCRUMB_CURRENT)}>
{props.text}
</span>
);
)
}
}
return (
<CollapsibleList
className={Classes.BREADCRUMBS}
dropdownTarget={<span className={Classes.BREADCRUMBS_COLLAPSED} />}
visibleItemRenderer={renderBreadcrumb}
collapseFrom={Boundary.START}
visibleItemCount={0}
>
<MenuItem icon='folder-close' text='All files' href='#' />
<MenuItem icon='folder-close' text='Users' href='#' />
<MenuItem icon='folder-close' text='Jane Person' href='#' />
<MenuItem icon='folder-close' text='My documents' href='#' />
<MenuItem icon='folder-close' text='Classy dayjob' href='#' />
<MenuItem icon='document' text='How to crush it' />
</CollapsibleList>
);
return(
<CollapsibleList
className={Classes.BREADCRUMBS}
dropdownTarget={<span className={Classes.BREADCRUMBS_COLLAPSED} />}
visibleItemRenderer={renderBreadcrumb}
collapseFrom={Boundary.START}
visibleItemCount={0}>
{
breadcrumbs.map(({breadcrumb,match},index)=>{
return <MenuItem key={match.url} icon={'folder-close'} text={breadcrumb} href={match.url} />
})
}
</CollapsibleList>
)
}
export default withBreadcrumbs(routes)(DashboardBreadcrumbs)