import React from 'react';
import { Divider, Drawer, List } from '@material-ui/core';
import PropTypes from 'prop-types';
import GitHubIcon from '@material-ui/icons/GitHub';
import LibraryBooksIcon from '@material-ui/icons/LibraryBooks';
import ExitToApp from '@material-ui/icons/ExitToApp';
import styles from './drawer.module.scss';
import { ReactComponent as LogoIcon } from '../../assets/icons/logo_wbg.svg';
import NavigationLink from './Header/NavigationLink/NavigationLink';
import ConditionallyRender from '../common/ConditionallyRender';
import { getBasePath } from '../../utils/format-path';
export const DrawerMenu = ({
links = [],
title = 'Unleash',
flags = {},
open = false,
toggleDrawer,
admin,
routes,
}) => {
const renderLinks = () => {
return links.map(link => {
let icon = null;
if (link.value === 'GitHub') {
icon = ;
} else if (link.value === 'Documentation') {
icon = ;
}
return (
{icon}
{link.value}
);
});
};
return (
toggleDrawer()}
>
{title}
{routes.mobileRoutes.map(item => (
toggleDrawer()}
path={item.path}
text={item.title}
key={item.path}
/>
))}
{routes.adminRoutes.map(item => (
toggleDrawer()}
path={item.path}
text={item.title}
key={item.path}
/>
))}
>
}
/>
);
};
DrawerMenu.propTypes = {
links: PropTypes.array,
title: PropTypes.string,
flags: PropTypes.object,
open: PropTypes.bool,
toggleDrawer: PropTypes.func,
};