feat(projects): list, create and update.

This commit is contained in:
Ivan Li
2021-05-04 21:47:54 +08:00
parent ad5b852822
commit c60b5fbbf4
18 changed files with 3220 additions and 634 deletions

View File

@@ -9,7 +9,6 @@ import {
import Drawer from "@material-ui/core/Drawer";
import AppBar from "@material-ui/core/AppBar";
import Toolbar from "@material-ui/core/Toolbar";
import List from "@material-ui/core/List";
import CssBaseline from "@material-ui/core/CssBaseline";
import Typography from "@material-ui/core/Typography";
import Divider from "@material-ui/core/Divider";
@@ -17,11 +16,7 @@ import IconButton from "@material-ui/core/IconButton";
import MenuIcon from "@material-ui/icons/Menu";
import ChevronLeftIcon from "@material-ui/icons/ChevronLeft";
import ChevronRightIcon from "@material-ui/icons/ChevronRight";
import ListItem from "@material-ui/core/ListItem";
import ListItemIcon from "@material-ui/core/ListItemIcon";
import ListItemText from "@material-ui/core/ListItemText";
import { AddCircle, Description, LocalOffer } from '@material-ui/icons';
import { Link } from '@curi/react-dom';
import { ProjectPanel } from '../projects/project-panel';
const drawerWidth = 240;
const useStyles = makeStyles((theme: Theme) =>
@@ -68,10 +63,7 @@ const useStyles = makeStyles((theme: Theme) =>
duration: theme.transitions.duration.leavingScreen,
}),
overflowX: "hidden",
width: theme.spacing(7) + 1,
[theme.breakpoints.up("sm")]: {
width: theme.spacing(9) + 1,
},
width: 0,
},
toolbar: {
display: "flex",
@@ -91,7 +83,7 @@ const useStyles = makeStyles((theme: Theme) =>
export const DefaultLayout: FC = ({children}) => {
const classes = useStyles();
const theme = useTheme();
const [open, setOpen] = React.useState(false);
const [open, setOpen] = React.useState(true);
const handleDrawerOpen = () => {
setOpen(true);
@@ -150,32 +142,7 @@ export const DefaultLayout: FC = ({children}) => {
</IconButton>
</div>
<Divider />
<List>
<Link name="create-article">
<ListItem button>
<ListItemIcon>
<AddCircle />
</ListItemIcon>
<ListItemText primary="New Article" />
</ListItem>
</Link>
<Link name="articles">
<ListItem button>
<ListItemIcon>
<Description />
</ListItemIcon>
<ListItemText primary="Articles" />
</ListItem>
</Link>
<Link name="tags">
<ListItem button>
<ListItemIcon>
<LocalOffer />
</ListItemIcon>
<ListItemText primary="Tags" />
</ListItem>
</Link>
</List>
<ProjectPanel />
<Divider />
</Drawer>
<main className={classes.content}>