ulvis.paste.net

Paste Search Dynamic
Recent pastes
react
  1. import React from 'react';
  2. import PropTypes from 'prop-types';
  3. import { withStyles } from '@material-ui/core/styles';
  4. import Grid from '@material-ui/core/Grid';
  5. import Paper from '@material-ui/core/Paper';
  6. import Typography from '@material-ui/core/Typography';
  7.  
  8. const styles = theme => ({
  9.   root: {
  10.     flexGrow: 1,
  11.     overflow: 'hidden',
  12.     padding: theme.spacing(0, 3),
  13.   },
  14.   paper: {
  15.     maxWidth: 800,
  16.     margin: `${theme.spacing(2)}px auto`,
  17.     padding: theme.spacing(2),
  18.   },
  19.   textField: {
  20.     marginLeft: theme.spacing(1),
  21.     marginRight: theme.spacing(1),
  22.     width: 200,
  23.   },
  24. });
  25.  
  26. function Tasks(props) {
  27.   const { classes } = props;
  28.   return (
  29.     <div className={classes.root}>
  30.       <Paper className={classes.paper}>
  31.         <Grid container spacing={2}>
  32.           <Grid item xs={12} sm container>
  33.             <Grid item xs container direction="column" spacing={2}>
  34.               <Grid item xs>
  35.               <div className="name-label">
  36.               name
  37.               </div>
  38.               <Typography variant="h6" gutterBottom>
  39.               Order cofee beans
  40.               </Typography>
  41.               <div className="form-divider"></div>
  42.                 <Typography variant="body2" color="textSecondary">
  43.                   Process of Description
  44.                 </Typography>
  45.               </Grid>
  46.             </Grid>
  47.             <Grid item>
  48.               <Typography variant="subtitle1">Workers Assigned</Typography>
  49.               <Typography variant="h6" gutterBottom>
  50.               0/25</Typography>
  51.             </Grid>
  52.           </Grid>
  53.         </Grid>
  54.       </Paper>
  55.     </div>
  56.   );
  57. }
  58.  
  59. export default withStyles(styles)(Tasks);
Parsed in 0.011 seconds