-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path.eslintcache
1 lines (1 loc) · 60.8 KB
/
.eslintcache
1
[{"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\index.js":"1","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\App.js":"2","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\reportWebVitals.js":"3","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Navigation.js":"4","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Error.js":"5","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Home.js":"6","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Contact.js":"7","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Dashboard.js":"8","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Profile.js":"9","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Settings.js":"10","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\DashboardEmployee.js":"11","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\HomeCard.js":"12","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Groups.js":"13","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Mygroups.js":"14","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\CreatePost.js":"15"},{"size":500,"mtime":1607179079162,"results":"16","hashOfConfig":"17"},{"size":1273,"mtime":1607881571700,"results":"18","hashOfConfig":"17"},{"size":362,"mtime":499162500000,"results":"19","hashOfConfig":"17"},{"size":13210,"mtime":1607874759321,"results":"20","hashOfConfig":"17"},{"size":178,"mtime":1607179217095,"results":"21","hashOfConfig":"17"},{"size":7467,"mtime":1607874253358,"results":"22","hashOfConfig":"17"},{"size":914,"mtime":1607767410202,"results":"23","hashOfConfig":"17"},{"size":18702,"mtime":1607873869612,"results":"24","hashOfConfig":"17"},{"size":5099,"mtime":1607874559064,"results":"25","hashOfConfig":"17"},{"size":7291,"mtime":1607874596454,"results":"26","hashOfConfig":"17"},{"size":846,"mtime":1607871597062,"results":"27","hashOfConfig":"17"},{"size":2255,"mtime":1607874276522,"results":"28","hashOfConfig":"17"},{"size":7489,"mtime":1607874235762,"results":"29","hashOfConfig":"17"},{"size":10031,"mtime":1607874391404,"results":"30","hashOfConfig":"17"},{"size":7292,"mtime":1607794682308,"results":"31","hashOfConfig":"17"},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"34"},"nma8bp",{"filePath":"35","messages":"36","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"37","messages":"38","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"34"},{"filePath":"39","messages":"40","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"41","usedDeprecatedRules":"34"},{"filePath":"42","messages":"43","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"44","messages":"45","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"34"},{"filePath":"46","messages":"47","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"34"},{"filePath":"48","messages":"49","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"34"},{"filePath":"50","messages":"51","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"52","usedDeprecatedRules":"34"},{"filePath":"53","messages":"54","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":"55","usedDeprecatedRules":"34"},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"34"},{"filePath":"60","messages":"61","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"62","usedDeprecatedRules":"34"},{"filePath":"63","messages":"64","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"65","usedDeprecatedRules":"34"},{"filePath":"66","messages":"67","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"68","usedDeprecatedRules":"34"},"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\index.js",[],["69","70"],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\App.js",[],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\reportWebVitals.js",[],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Navigation.js",["71","72"],"import React from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\n\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport Divider from '@material-ui/core/Divider';\r\nimport Drawer from '@material-ui/core/Drawer';\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles, useTheme, fade } from '@material-ui/core/styles';\r\nimport { createMuiTheme ,ThemeProvider} from '@material-ui/core/styles';\r\n\r\nimport InputBase from '@material-ui/core/InputBase';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport NotificationsIcon from '@material-ui/icons/Notifications';\r\nimport Badge from '@material-ui/core/Badge';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport AccountCircle from '@material-ui/icons/AccountCircle';\r\nimport MoreIcon from '@material-ui/icons/MoreVert';\r\nimport DashboardIcon from '@material-ui/icons/Dashboard';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport SettingsIcon from '@material-ui/icons/Settings';\r\n\r\nimport Slide from '@material-ui/core/Slide';\r\nimport Menu from '@material-ui/core/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\n\r\nimport PostAddIcon from '@material-ui/icons/PostAdd';\r\nimport MessageIcon from '@material-ui/icons/Message';\r\nimport ContactsIcon from '@material-ui/icons/Contacts';\r\nimport GroupAddIcon from '@material-ui/icons/GroupAdd';\r\n\r\n\r\nconst darkTheme = createMuiTheme({\r\n palette: {\r\n type: 'dark',\r\n },\r\n typography: { useNextVariants: true },\r\n \r\n});\r\n\r\nconst drawerWidth = 240;\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n },\r\n drawer: {\r\n [theme.breakpoints.up('sm')]: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n },\r\n },\r\n appBar: {\r\n [theme.breakpoints.up('sm')]: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n marginLeft: drawerWidth,\r\n },\r\n },\r\n menuButton: {\r\n marginRight: theme.spacing(2),\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'none',\r\n },\r\n },\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n title: {\r\n display: 'none',\r\n [theme.breakpoints.up('sm')]: {\r\n display: 'block',\r\n },\r\n },\r\n search: {\r\n position: 'relative',\r\n borderRadius: theme.shape.borderRadius,\r\n backgroundColor: fade(theme.palette.common.white, 0.15),\r\n '&:hover': {\r\n backgroundColor: fade(theme.palette.common.white, 0.25),\r\n },\r\n marginRight: theme.spacing(2),\r\n marginLeft: 0,\r\n width: '100%',\r\n [theme.breakpoints.up('sm')]: {\r\n marginLeft: theme.spacing(3),\r\n width: 'auto',\r\n },\r\n },\r\n searchIcon: {\r\n padding: theme.spacing(0, 2),\r\n height: '100%',\r\n position: 'absolute',\r\n pointerEvents: 'none',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n },\r\n inputRoot: {\r\n color: 'inherit',\r\n },\r\n inputInput: {\r\n padding: theme.spacing(1, 1, 1, 0),\r\n paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n transition: theme.transitions.create('width'),\r\n width: '100%',\r\n [theme.breakpoints.up('md')]: {\r\n width: '20ch',\r\n },\r\n },\r\n sectionDesktop: {\r\n display: 'none',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'flex',\r\n },\r\n },\r\n sectionMobile: {\r\n display: 'flex',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n },\r\n // necessary for content to be below app bar\r\n toolbar: theme.mixins.toolbar,\r\n drawerPaper: {\r\n width: drawerWidth,\r\n },\r\n content: {\r\n flexGrow: 1,\r\n padding: theme.spacing(3),\r\n },\r\n dialog: {\r\n [theme.breakpoints.up('sm')]: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n marginLeft: drawerWidth,\r\n },\r\n },\r\n dialogBar: {\r\n position: 'relative',\r\n },\r\n}));\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return <Slide direction=\"up\" ref={ref} {...props} />;\r\n});\r\n\r\nfunction Navigation(props) {\r\n const { window } = props;\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const [mobileOpen, setMobileOpen] = React.useState(false);\r\n\r\n\r\n const [openDialog, setOpenDialog] = React.useState(false);\r\n\r\n const handleClickOpenDialog = () => {\r\n setOpenDialog(true);\r\n };\r\n\r\n const handleCloseDialog = () => {\r\n setOpenDialog(false);\r\n };\r\n\r\n\r\n const handleDrawerToggle = () => {\r\n setMobileOpen(!mobileOpen);\r\n };\r\n\r\n const drawer = (\r\n <div>\r\n <div className={classes.toolbar} />\r\n <div style={{textAlign:'center',marginTop:'-65px',marginBottom:'40px',background:'#3f51b5',border:'none',height:'4.1rem'}}>\r\n <img src=\"https://logos.textgiraffe.com/logos/logo-name/21684448-designstyle-pixels-m.png\" \r\n style={{width:'90%',height:'4.5em',borderRadius:'100%',padding:'5px 15px 0px 15px'}}></img>\r\n </div>\r\n <div style={{textAlign:'center'}} id=\"font1\" >\r\n <h3>About Us</h3>\r\n <div textColor=\"secondary\" style={{padding:'10px 15px 30px 15px',color:'rgba(255, 255, 255, 0.7)'}}>\r\n A social platform to connect with people and share your experiences related to technology and many \r\n more things.\r\n </div>\r\n </div>\r\n <Divider />\r\n <List>\r\n <NavLink to=\"/\" style={{textDecoration:'none',color:'white'}}>\r\n <ListItem button>\r\n <ListItemIcon><DashboardIcon/></ListItemIcon>\r\n <ListItemText id=\"font1\" primary='Dashboard' />\r\n </ListItem>\r\n </NavLink>\r\n <NavLink to=\"/posts\" style={{textDecoration:'none',color:'white'}}>\r\n <ListItem button>\r\n <ListItemIcon><PostAddIcon/></ListItemIcon>\r\n <ListItemText primary='Posts' />\r\n </ListItem>\r\n </NavLink>\r\n <NavLink to=\"/messages\" style={{textDecoration:'none',color:'white'}}>\r\n <ListItem button>\r\n <ListItemIcon><MessageIcon/></ListItemIcon>\r\n <ListItemText primary='Messages' />\r\n </ListItem>\r\n </NavLink>\r\n <NavLink to=\"/contact\" style={{textDecoration:'none',color:'white'}}>\r\n <ListItem button>\r\n <ListItemIcon><ContactsIcon/></ListItemIcon>\r\n <ListItemText primary='Contact' />\r\n </ListItem>\r\n </NavLink>\r\n <NavLink to=\"/groups\" style={{textDecoration:'none',color:'white'}}>\r\n <ListItem button>\r\n <ListItemIcon><GroupAddIcon/></ListItemIcon>\r\n <ListItemText primary='Explore Groups' />\r\n </ListItem>\r\n </NavLink>\r\n <NavLink to=\"/settings\" style={{textDecoration:'none',color:'white'}}>\r\n <ListItem button>\r\n <ListItemIcon><SettingsIcon/></ListItemIcon>\r\n <ListItemText primary='Settings' />\r\n </ListItem>\r\n </NavLink>\r\n </List>\r\n </div>\r\n );\r\n\r\n const container = window !== undefined ? () => window().document.body : undefined;\r\n\r\n\r\n const menuId = 'primary-search-account-menu';\r\n\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n\r\n\r\n const [mobileMoreAnchorEl, setMobileMoreAnchorEl] = React.useState(null);\r\n\r\n const isMenuOpen = Boolean(anchorEl);\r\n const isMobileMenuOpen = Boolean(mobileMoreAnchorEl);\r\n\r\n\r\n const handleProfileMenuOpen = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n\r\n \r\n const handleMobileMenuClose = () => {\r\n setMobileMoreAnchorEl(null);\r\n };\r\n\r\n const handleMobileMenuOpen = (event) => {\r\n setMobileMoreAnchorEl(event.currentTarget);\r\n };\r\n\r\n\r\n const mobileMenuId = 'primary-search-account-menu-mobile';\r\n const renderMobileMenu = (\r\n <Menu anchorEl={mobileMoreAnchorEl}\r\n anchorOrigin={{ vertical: 'top', horizontal: 'right' }} id={mobileMenuId}\r\n keepMounted\r\n transformOrigin={{ vertical: 'top', horizontal: 'right' }}\r\n open={isMobileMenuOpen} onClose={handleMobileMenuClose} \r\n >\r\n <MenuItem onClick={handleClickOpenDialog} >\r\n <IconButton aria-label=\"show 11 new notifications\" color=\"inherit\">\r\n <Badge badgeContent={11} color=\"secondary\">\r\n <NotificationsIcon />\r\n </Badge>\r\n </IconButton>\r\n <p>Notifications</p>\r\n </MenuItem>\r\n <NavLink to=\"/profile\" style={{textDecoration:'none',color:'white'}}>\r\n <MenuItem onClick={handleProfileMenuOpen}>\r\n <IconButton\r\n aria-label=\"account of current user\"\r\n aria-controls=\"primary-search-account-menu\"\r\n aria-haspopup=\"true\"\r\n color=\"inherit\"\r\n >\r\n <AccountCircle />\r\n </IconButton>\r\n <p>Profile</p>\r\n </MenuItem>\r\n </NavLink>\r\n </Menu>\r\n );\r\n\r\n return (\r\n <div className={classes.root}>\r\n <ThemeProvider theme={darkTheme}>\r\n <CssBaseline />\r\n <AppBar position=\"fixed\" className={classes.appBar}>\r\n <Toolbar>\r\n <IconButton\r\n color=\"inherit\"\r\n aria-label=\"open drawer\"\r\n edge=\"start\"\r\n onClick={handleDrawerToggle}\r\n className={classes.menuButton}\r\n >\r\n <MenuIcon />\r\n </IconButton>\r\n <div className={classes.search}>\r\n <div className={classes.searchIcon}> <SearchIcon /></div>\r\n <InputBase placeholder=\"Search…\"\r\n classes={{\r\n root: classes.inputRoot,\r\n input: classes.inputInput,\r\n }}\r\n inputProps={{ 'aria-label': 'search' }}\r\n />\r\n </div>\r\n <div className={classes.grow} />\r\n <div className={classes.sectionDesktop}>\r\n \r\n <Dialog fullScreen className={classes.dialog} open={openDialog} onClose={handleCloseDialog} TransitionComponent={Transition}>\r\n <AppBar className={classes.dialogBar}>\r\n <Toolbar>\r\n <IconButton edge=\"start\" color=\"inherit\" onClick={handleCloseDialog} aria-label=\"close\">\r\n <CloseIcon />\r\n </IconButton>\r\n <Typography variant=\"h6\">Notifications</Typography>\r\n </Toolbar>\r\n </AppBar>\r\n <DialogContent >\r\n <DialogContentText id=\"scroll-dialog-description\" tabIndex={-1}> \r\n <div>\r\n <h2>No new notifications</h2>\r\n </div> \r\n </DialogContentText>\r\n </DialogContent>\r\n </Dialog>\r\n\r\n\r\n\r\n <IconButton aria-label=\"show 17 new notifications\" onClick={handleClickOpenDialog} color=\"inherit\">\r\n <Badge badgeContent={17} color=\"secondary\">\r\n <NotificationsIcon />\r\n </Badge>\r\n </IconButton>\r\n <NavLink to=\"/profile\" style={{textDecoration:'none',color:'white'}}>\r\n <IconButton\r\n edge=\"end\"\r\n aria-label=\"account of current user\"\r\n aria-controls={menuId}\r\n aria-haspopup=\"true\"\r\n onClick={handleProfileMenuOpen}\r\n color=\"inherit\"\r\n >\r\n <AccountCircle />\r\n </IconButton>\r\n </NavLink>\r\n </div>\r\n <div className={classes.sectionMobile}>\r\n <IconButton\r\n aria-label=\"show more\"\r\n aria-controls={mobileMenuId}\r\n aria-haspopup=\"true\"\r\n onClick={handleMobileMenuOpen}\r\n color=\"inherit\"\r\n >\r\n <MoreIcon />\r\n </IconButton>\r\n </div>\r\n </Toolbar>\r\n </AppBar>\r\n {renderMobileMenu}\r\n <nav className={classes.drawer} aria-label=\"mailbox folders\">\r\n <Hidden smUp implementation=\"css\">\r\n <Drawer\r\n container={container}\r\n variant=\"temporary\"\r\n anchor={theme.direction === 'rtl' ? 'right' : 'left'}\r\n open={mobileOpen}\r\n onClose={handleDrawerToggle}\r\n classes={{\r\n paper: classes.drawerPaper,\r\n }}\r\n ModalProps={{\r\n keepMounted: true, // Better open performance on mobile.\r\n }}\r\n >\r\n {drawer}\r\n </Drawer>\r\n </Hidden>\r\n <Hidden xsDown implementation=\"css\">\r\n <Drawer\r\n classes={{\r\n paper: classes.drawerPaper,\r\n }}\r\n variant=\"permanent\" open>\r\n {drawer}\r\n </Drawer>\r\n </Hidden>\r\n </nav>\r\n <main className={classes.content}>\r\n <div className={classes.toolbar} /> \r\n </main>\r\n \r\n </ThemeProvider>\r\n </div>\r\n );\r\n}\r\n\r\nexport default Navigation;","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Error.js",[],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Home.js",[],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Contact.js",[],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Dashboard.js",[],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Profile.js",["73"],"import React from 'react'; \r\nimport './style.css';\r\n\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { createMuiTheme ,ThemeProvider} from '@material-ui/core/styles';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport Button from '@material-ui/core/Button';\r\n\r\nconst darkTheme = createMuiTheme({\r\n palette: {\r\n type: 'dark',\r\n },\r\n });\r\n \r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n input: {\r\n display: 'none',\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n margin: theme.spacing(1),\r\n color: theme.palette.text.secondary,\r\n },\r\n}));\r\n \r\n\r\n\r\nconst Profile= () => {\r\n\r\n const classes = useStyles();\r\n const [age, setAge] = React.useState('');\r\n const handleChange = (event) => {\r\n setAge(event.target.value);\r\n };\r\n \r\n return (\r\n <div id=\"home\">\r\n <ThemeProvider theme={darkTheme}>\r\n <Grid container >\r\n <Grid item lg={4} xs={12}>\r\n <Paper className={classes.paper}>\r\n <div>\r\n <div style={{textAlign:'center',margin:'50px',color:'white'}}>\r\n <img src=\"https://source.unsplash.com/weekly?flower\" style={{width:'150px',height:'150px',borderRadius:'100%'}}></img>\r\n <div id=\"font1\">\r\n <h3>ABC XYZ</h3>\r\n <h5>Student</h5>\r\n </div>\r\n <input accept=\"image/*\" className={classes.input} id=\"contained-button-file\" multiple type=\"file\"/>\r\n <label htmlFor=\"contained-button-file\">\r\n <Button variant=\"contained\" color=\"primary\" component=\"span\">Upload Picture</Button>\r\n </label>\r\n </div>\r\n </div>\r\n </Paper>\r\n </Grid>\r\n <Grid item lg={8} xs={12}>\r\n <Paper className={classes.paper} >\r\n <Grid item lg={12} xs={12}>\r\n <div id=\"font1\" style={{color:'white',paddingLeft:'3%'}}>\r\n <h2>Profile</h2>\r\n <h3>The information can be edited</h3>\r\n </div>\r\n </Grid>\r\n <form className={classes.root} noValidate autoComplete=\"off\" >\r\n <Grid container style={{borderTop:'1px solid white'}}>\r\n <Grid item lg={6} xs={12} style={{padding:'3%'}}>\r\n <TextField fullWidth id=\"outlined-basic\" label=\"First name*\" variant=\"outlined\" style={{marginTop:'20px'}}/>\r\n <TextField fullWidth id=\"outlined-basic\" label=\"Last name*\" variant=\"outlined\" style={{marginTop:'20px'}}/>\r\n <TextField fullWidth id=\"outlined-basic\" label=\"Country*\" variant=\"outlined\" style={{marginTop:'20px'}}/>\r\n </Grid>\r\n <Grid item lg={6} xs={12} style={{padding:'3%'}}>\r\n <TextField fullWidth id=\"outlined-basic\" label=\"Email*\" variant=\"outlined\" style={{marginTop:'20px'}}/>\r\n <TextField fullWidth id=\"outlined-basic\" label=\"Phone number*\" variant=\"outlined\" style={{marginTop:'1.25rem'}}/> \r\n <FormControl variant=\"filled\" className={classes.formControl} fullWidth style={{marginTop:'20px'}}>\r\n <InputLabel id=\"demo-simple-select-filled-label\">State*</InputLabel>\r\n <Select value={age} onChange={handleChange}>\r\n <MenuItem value=\"\">\r\n <em>None</em>\r\n </MenuItem>\r\n <MenuItem value={10}>Delhi</MenuItem>\r\n <MenuItem value={20}>Uttar Pradesh</MenuItem>\r\n <MenuItem value={30}>Gujarat</MenuItem>\r\n </Select>\r\n </FormControl>\r\n </Grid>\r\n <Button variant=\"contained\" type=\"submit\" color=\"primary\" id=\"profilebtn\">Save Details</Button>\r\n </Grid>\r\n </form>\r\n </Paper>\r\n </Grid>\r\n </Grid>\r\n </ThemeProvider>\r\n </div>\r\n );\r\n}\r\nexport default Profile;","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Settings.js",["74","75","76","77","78"],"import React from 'react'; \r\nimport './style.css';\r\n\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { createMuiTheme ,ThemeProvider} from '@material-ui/core/styles';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport { green } from '@material-ui/core/colors';\r\nimport FormGroup from '@material-ui/core/FormGroup';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\r\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\r\nimport Favorite from '@material-ui/icons/Favorite';\r\nimport FavoriteBorder from '@material-ui/icons/FavoriteBorder';\r\n\r\nimport Button from '@material-ui/core/Button';\r\nimport TextField from '@material-ui/core/TextField';\r\n\r\nconst darkTheme = createMuiTheme({\r\n palette: {\r\n type: 'dark',\r\n },\r\n });\r\n \r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n margin: theme.spacing(1),\r\n color: theme.palette.text.secondary,\r\n },\r\n}));\r\n \r\nconst Settings = () => {\r\n\r\n const classes = useStyles();\r\n const [state, setState] = React.useState({\r\n checkedA: true,\r\n checkedB: true,\r\n checkedF: true,\r\n checkedG: true,\r\n });\r\n \r\n const handleChange = (event) => {\r\n setState({ ...state, [event.target.name]: event.target.checked });\r\n };\r\n\r\n return (\r\n <div id=\"home\">\r\n <ThemeProvider theme={darkTheme}>\r\n {/* <h1>Home</h1> */}\r\n <Grid container >\r\n <Grid item lg={12} xs={12}>\r\n <Paper className={classes.paper}>\r\n <div style={{color:'white'}}>\r\n <h2>Notifications</h2>\r\n <p>Manage the notifications</p>\r\n </div>\r\n <hr></hr>\r\n <form>\r\n <Grid container>\r\n <Grid item lg={6} xs={12}>\r\n <div style={{color:'white'}}>\r\n <h3>Notifications</h3>\r\n </div> \r\n <FormGroup column>\r\n <FormControlLabel style={{color:'white'}}\r\n control={<Checkbox checked={state.checkedA} onChange={handleChange} name=\"checkedA\" />}\r\n label=\"Email\"\r\n />\r\n <FormControlLabel style={{color:'white'}}\r\n control={\r\n <Checkbox checked={state.checkedB} onChange={handleChange} name=\"checkedB\" \r\n />\r\n }\r\n label=\"Push Notifications\"\r\n />\r\n <FormControlLabel style={{color:'white'}}\r\n control={\r\n <Checkbox checked={state.checkedC} onChange={handleChange} name=\"checkedC\"\r\n />\r\n }\r\n label=\"Text Messages\"\r\n />\r\n <FormControlLabel style={{color:'white'}}\r\n control={\r\n <Checkbox checked={state.checkedD} onChange={handleChange} name=\"checkedD\" \r\n />\r\n }\r\n label=\"Phone Calls\"\r\n />\r\n </FormGroup>\r\n </Grid>\r\n <Grid item lg={6} xs={12}>\r\n <div style={{color:'white'}}>\r\n <h3>Messages</h3>\r\n </div> \r\n <FormGroup column>\r\n <FormControlLabel style={{color:'white'}}\r\n control={<Checkbox checked={state.checkedA} onChange={handleChange} name=\"checkedA\" />}\r\n label=\"Email\"\r\n />\r\n <FormControlLabel style={{color:'white'}}\r\n control={\r\n <Checkbox checked={state.checkedB} onChange={handleChange} name=\"checkedB\" \r\n />\r\n }\r\n label=\"Push Notifications\"\r\n />\r\n <FormControlLabel style={{color:'white'}}\r\n control={\r\n <Checkbox checked={state.checkedC} onChange={handleChange} name=\"checkedC\"\r\n />\r\n }\r\n label=\"Text Messages\"\r\n />\r\n </FormGroup>\r\n </Grid>\r\n </Grid>\r\n <hr></hr>\r\n <Button variant=\"contained\" type=\"submit\" color=\"primary\" id=\"profilebtn\">Save</Button>\r\n </form>\r\n </Paper>\r\n </Grid>\r\n <Grid item lg={12} xs={12}>\r\n <Paper className={classes.paper}>\r\n <div style={{color:'white'}}>\r\n <h2>Password</h2>\r\n <p>Update password</p>\r\n </div>\r\n <hr></hr>\r\n <form>\r\n <div>\r\n <TextField fullWidth id=\"outlined-basic\" label=\"Password*\" variant=\"outlined\" style={{marginTop:'1.25rem'}}/>\r\n <TextField fullWidth id=\"outlined-basic\" label=\"Confirm Password*\" variant=\"outlined\" style={{marginTop:'20px'}}/>\r\n </div>\r\n <hr style={{marginTop:'30px'}}></hr>\r\n <Button variant=\"contained\" type=\"submit\" color=\"primary\" id=\"profilebtn\">Update</Button>\r\n\r\n </form>\r\n </Paper>\r\n </Grid>\r\n </Grid>\r\n </ThemeProvider>\r\n </div>\r\n );\r\n}\r\nexport default Settings;","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\DashboardEmployee.js",[],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\HomeCard.js",[],"D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Groups.js",["79"],"import React from 'react';\r\nimport './style.css';\r\n\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { createMuiTheme ,ThemeProvider} from '@material-ui/core/styles';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport Box from '@material-ui/core/Box';\r\nimport Collapse from '@material-ui/core/Collapse';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\r\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\r\n\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport AvatarGroup from '@material-ui/lab/AvatarGroup';\r\nimport Button from '@material-ui/core/Button';\r\nimport { yellow } from '@material-ui/core/colors';\r\n\r\nconst darkTheme = createMuiTheme({\r\n palette: {\r\n type: 'dark',\r\n },\r\n });\r\n \r\n const useStyles = makeStyles({\r\n avatar: {\r\n backgroundColor: yellow[500],\r\n },\r\n });\r\n \r\n\r\n const useRowStyles = makeStyles({\r\n root: {\r\n '& > *': {\r\n borderBottom: 'unset',\r\n },\r\n },\r\n });\r\n \r\n function createData(name,image) {\r\n return { \r\n name, image,\r\n history: [\r\n { date: 'Data Science',subimg:'https://source.unsplash.com/weekly?tool', customerId: '12-11-2020', amount: 300 },\r\n { date: 'Corona',subimg:'https://source.unsplash.com/weekly?corona', customerId: '2-11-2019', amount: 1000 },\r\n ],\r\n };\r\n }\r\n \r\n function Row(props) {\r\n const { row } = props;\r\n const [open, setOpen] = React.useState(false);\r\n const classes = useRowStyles();\r\n \r\n return (\r\n <React.Fragment>\r\n <TableRow className={classes.root}>\r\n <TableCell>\r\n <IconButton aria-label=\"expand row\" size=\"small\" onClick={() => setOpen(!open)}>\r\n {open ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}\r\n </IconButton>\r\n </TableCell>\r\n <TableCell component=\"th\" scope=\"row\" style={{display:'flex'}}> \r\n <Avatar alt=\"Remy Sharp\" src={row.image} />\r\n <h3 style={{marginTop:'8px',marginLeft:'8px'}}>{row.name}</h3>\r\n </TableCell>\r\n <TableCell align=\"center\">\r\n <AvatarGroup max={4}>\r\n <Avatar alt=\"Remy Sharp\" src=\"https://source.unsplash.com/weekly?student\" />\r\n <Avatar alt=\"Travis Howard\" src=\"https://source.unsplash.com/weekly?girls\" />\r\n <Avatar alt=\"Cindy Baker\" src=\"https://source.unsplash.com/weekly?flower\" />\r\n <Avatar alt=\"Agnes Walker\" src=\"https://source.unsplash.com/weekly?boy\" />\r\n <Avatar alt=\"Trevor Henderson\" src=\"https://source.unsplash.com/weekly?student\" />\r\n </AvatarGroup>\r\n </TableCell>\r\n <TableCell align=\"center\">\r\n <Button variant=\"contained\" color=\"primary\" href=\"#contained-buttons\">Join</Button>\r\n </TableCell>\r\n </TableRow>\r\n <TableRow>\r\n <TableCell style={{ paddingBottom: 0, paddingTop: 0 }} colSpan={6}>\r\n <Collapse in={open} timeout=\"auto\" unmountOnExit>\r\n <Box margin={1}>\r\n <Table size=\"small\" aria-label=\"purchases\">\r\n <TableHead>\r\n <TableRow>\r\n <TableCell >Sub Groups</TableCell>\r\n <TableCell align=\"center\">Date Created</TableCell>\r\n <TableCell align=\"center\">Memebers</TableCell>\r\n </TableRow>\r\n </TableHead>\r\n <TableBody>\r\n {row.history.map((historyRow) => (\r\n <TableRow key={historyRow.date}>\r\n <TableCell align=\"center\" component=\"th\" scope=\"row\" style={{display:'flex'}}>\r\n <Avatar alt=\"Remy Sharp\" src={historyRow.subimg} />\r\n <h3 style={{marginTop:'8px',marginLeft:'8px'}}>{historyRow.date}</h3>\r\n </TableCell>\r\n <TableCell align=\"center\">{historyRow.customerId}</TableCell>\r\n <TableCell align=\"center\">{historyRow.amount}</TableCell>\r\n </TableRow>\r\n ))}\r\n </TableBody>\r\n </Table>\r\n </Box>\r\n </Collapse>\r\n </TableCell>\r\n </TableRow>\r\n </React.Fragment>\r\n );\r\n }\r\n \r\nRow.propTypes = {\r\n row: PropTypes.shape({\r\n calories: PropTypes.number.isRequired,\r\n carbs: PropTypes.number.isRequired,\r\n fat: PropTypes.number.isRequired,\r\n history: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n amount: PropTypes.number.isRequired,\r\n customerId: PropTypes.string.isRequired,\r\n date: PropTypes.string.isRequired,\r\n }),\r\n ).isRequired,\r\n name: PropTypes.string.isRequired,\r\n price: PropTypes.number.isRequired,\r\n protein: PropTypes.number.isRequired,\r\n }).isRequired,\r\n};\r\n \r\nconst rows = [\r\n createData('Machine Learning','https://source.unsplash.com/weekly?data'),\r\n createData('Music','https://source.unsplash.com/weekly?music'),\r\n createData('Startup','https://source.unsplash.com/weekly?startup'),\r\n createData('Mechanical Engineering','https://source.unsplash.com/weekly?tool'),\r\n createData('Electrical Engineering','https://source.unsplash.com/weekly?electrical'),\r\n createData('Civil Engineering','https://source.unsplash.com/weekly?bridge'),\r\n createData('Chemical Engineering','https://source.unsplash.com/weekly?chemical'),\r\n createData('Entrance Exam','https://source.unsplash.com/weekly?exam'),\r\n];\r\n \r\n \r\nconst Groups= () => {\r\n\r\n const classes = useStyles();\r\n\r\n return (\r\n <div id=\"home\">\r\n <ThemeProvider theme={darkTheme}>\r\n <Grid container>\r\n <Grid item lg={11} xs={12} component={Paper}>\r\n <div style={{paddingTop:'10px',paddingBottom:'10px'}}>\r\n <h2 style={{paddingLeft:'5%'}}>Explore your Groups</h2>\r\n </div>\r\n <hr ></hr>\r\n <TableContainer >\r\n <Table aria-label=\"collapsible table\">\r\n <TableHead>\r\n <TableRow>\r\n <TableCell />\r\n <TableCell style={{fontWeight:'bolder'}}>GROUPS</TableCell>\r\n <TableCell style={{fontWeight:'bolder'}} align=\"center\">MEMBERS</TableCell>\r\n <TableCell style={{fontWeight:'bolder'}} align=\"center\">JOIN</TableCell>\r\n </TableRow>\r\n </TableHead>\r\n <TableBody>\r\n {rows.map((row) => (\r\n <Row key={row.name} row={row} />\r\n ))}\r\n </TableBody>\r\n </Table>\r\n </TableContainer>\r\n </Grid>\r\n </Grid>\r\n </ThemeProvider>\r\n </div>\r\n );\r\n}\r\n \r\nexport default Groups;","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\Mygroups.js",["80","81"],"import React from 'react';\r\nimport './style.css';\r\n\r\nimport Contact from './Contact';\r\n\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { createMuiTheme ,ThemeProvider} from '@material-ui/core/styles';\r\nimport { withStyles,makeStyles } from '@material-ui/core/styles';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport { useTheme } from '@material-ui/core/styles';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\n\r\n\r\nconst darkTheme = createMuiTheme({\r\n palette: {\r\n type: 'dark',\r\n },\r\n });\r\n \r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n }, \r\n }));\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props; \r\n return (\r\n <div role=\"tabpanel\" hidden={value !== index}\r\n id={`full-width-tabpanel-${index}`}\r\n aria-labelledby={`full-width-tab-${index}`}\r\n {...other}\r\n >\r\n {value === index && (\r\n <Box p={5}> <Typography>{children}</Typography></Box>\r\n )}\r\n </div>\r\n );\r\n}\r\n \r\nTabPanel.propTypes = {\r\n children: PropTypes.node,\r\n index: PropTypes.any.isRequired,\r\n value: PropTypes.any.isRequired,\r\n};\r\n \r\nfunction a11yProps(index) {\r\n return {\r\n id: `full-width-tab-${index}`,\r\n 'aria-controls': `full-width-tabpanel-${index}`,\r\n };\r\n}\r\n \r\nconst Mygroups= () => {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const [value, setValue] = React.useState(0);\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n \r\n return (\r\n <div id=\"home\">\r\n <ThemeProvider theme={darkTheme}>\r\n <Grid style={{paddingRight:'3%'}}>\r\n <AppBar position=\"static\" color=\"default\">\r\n <Tabs value={value} onChange={handleChange}\r\n indicatorColor=\"secondary\" textColor=\"secondary\" variant=\"fullWidth\" aria-label=\"full width tabs example\"\r\n >\r\n <Tab label=\"Connections\" {...a11yProps(0)} />\r\n <Tab label=\"Suggestions\" {...a11yProps(1)} />\r\n </Tabs>\r\n </AppBar>\r\n <TabPanel value={value} index={0} dir={theme.direction} id=\"contactsuggestions\" >\r\n <Grid container>\r\n <Grid lg={6} sm={12} style={{width:'100%'}}>\r\n <div style={{listStyle:'none'}}>\r\n <Contact name=\"Adolf \" designation=\"Web Developer\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?boy\"/>\r\n <Contact name=\"John\" designation=\"UI/UI Designer\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?designer\"/>\r\n <Contact name=\"Micky\" designation=\"Teacher\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?teacher\"/>\r\n <Contact name=\"Daniyal\" designation=\"Artist\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?artist\"/>\r\n <Contact name=\"Xavier\" designation=\"Manager\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?manager\"/>\r\n <Contact name=\"P C Warsaw\" designation=\"Teacher\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?girl\"/>\r\n <Contact name=\"Watson\" designation=\"Charter Account\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?account\"/>\r\n <Contact name=\"Jim ki Kong\" designation=\"Student\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?girl\"/>\r\n <Contact name=\"Rohan Singh\" designation=\"Teacher\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?flower\"/>\r\n <Contact name=\"Anil Pratap\" designation=\"Web Developer\" btn=\"Unfollow\" img=\"https://source.unsplash.com/weekly?developer\"/>\r\n </div>\r\n </Grid>\r\n <Grid lg={6} sm={12} style={{width:'100%'}}>\r\n <div style={{listStyle:'none'}}>\r\n <Contact name=\"Armando\" designation=\"Student\" btn=\"Unfollow\" \r\n img=\"https://source.unsplash.com/weekly?student\"/>\r\n <Contact name=\"Andreas\" designation=\"Web Developer\" btn=\"Unfollow\" \r\n img=\"https://source.unsplash.com/weekly?coding\"/>\r\n <Contact name=\"Eisso\" designation=\"Python Developer\" btn=\"Unfollow\"\r\n img=\"https://source.unsplash.com/weekly?developer\"/>\r\n <Contact name=\"Ara\" designation=\"UI/UI Designer\" btn=\"Unfollow\" \r\n img=\"https://source.unsplash.com/weekly?designer\"/>\r\n <Contact name=\"Boris\" designation=\"Web Developer\" btn=\"Unfollow\" \r\n img=\"https://source.unsplash.com/weekly?flower\"/>\r\n <Contact name=\"Alexei\" designation=\"Student\" btn=\"Unfollow\" \r\n img=\"https://source.unsplash.com/weekly?lady\"/>\r\n <Contact name=\"Gaston\" designation=\"Web Developer\" btn=\"Unfollow\" \r\n img=\"https://source.unsplash.com/weekly?tree\"/>\r\n <Contact name=\"Azam\" designation=\"Full Stack Developer\" btn=\"Unfollow\" \r\n img=\"https://source.unsplash.com/weekly?developer\"/>\r\n <Contact name=\"Fritz\" designation=\"Data Scientist\" btn=\"Unfollow\"\r\n img=\"https://source.unsplash.com/weekly?data\"/>\r\n <Contact name=\"Cruz\" designation=\"UI/UI Designer\" btn=\"Unfollow\" \r\n img=\"https://source.unsplash.com/weekly?sun\"/>\r\n </div>\r\n </Grid>\r\n </Grid>\r\n </TabPanel>\r\n <TabPanel value={value} index={1} dir={theme.direction} id=\"contactsuggestions\" >\r\n <Grid container>\r\n <Grid lg={6} sm={12} style={{width:'100%'}}>\r\n <h3 style={{textAlign:'center'}}>Friends</h3>\r\n <hr></hr>\r\n <div style={{listStyle:'none'}}>\r\n <Contact name=\"John\" designation=\"Student\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?student\"/>\r\n <Contact name=\"Rohan\" designation=\"Coder\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?flower\"/>\r\n <Contact name=\"Arjun\" designation=\"Coding\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?glass\"/>\r\n <Contact name=\"Anurag\" designation=\"Django Developer\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?laptop\"/>\r\n <Contact name=\"Anil\" designation=\"Web Developer\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?coding\"/>\r\n <Contact name=\"Anmol\" designation=\"Singer\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?bottle\"/>\r\n <Contact name=\"Hrithik\" designation=\"Python Developer\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?developer\"/>\r\n <Contact name=\"Rakesh\" designation=\"Data Scientist\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?lab\"/>\r\n <Contact name=\"Harry\" designation=\"Student\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?bag\"/>\r\n <Contact name=\"Davil\" designation=\"Web Developer\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?data\"/>\r\n </div>\r\n </Grid>\r\n <Grid lg={6} sm={12} style={{width:'100%'}}>\r\n <h3 style={{textAlign:'center'}}>Popular</h3>\r\n <hr></hr>\r\n <div style={{listStyle:'none'}}>\r\n <Contact name=\"Rakesh\" designation=\"Actor\" btn=\"Connect\"\r\n img=\"https://source.unsplash.com/weekly?flower\"/>\r\n <Contact name=\"Akash\" designation=\"Singer\" btn=\"Connect\"\r\n img=\"https://source.unsplash.com/weekly?singer\"/>\r\n <Contact name=\"Anil\" designation=\"Student\" btn=\"Connect\"\r\n img=\"https://source.unsplash.com/weekly?student\"/>\r\n <Contact name=\"Anmol\" designation=\"Actor\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?water\"/>\r\n <Contact name=\"Adam\" designation=\"Bussiness man\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?actor\"/>\r\n <Contact name=\"Pascal\" designation=\"Actor\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?hill\"/>\r\n <Contact name=\"Edison\" designation=\"Developer\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?man\"/>\r\n <Contact name=\"Nikos\" designation=\"Actor\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?lady\"/>\r\n <Contact name=\"Orion\" designation=\"Web Developer\" btn=\"Connect\"\r\n img=\"https://source.unsplash.com/weekly?land\"/>\r\n <Contact name=\"Ivar\" designation=\"Singer\" btn=\"Connect\" \r\n img=\"https://source.unsplash.com/weekly?plain\"/>\r\n </div>\r\n </Grid>\r\n </Grid>\r\n </TabPanel>\r\n </Grid>\r\n </ThemeProvider>\r\n </div>\r\n );\r\n}\r\n \r\nexport default Mygroups;","D:\\WEBSITE\\REACT.JS\\Working FOlder\\projectdashboard\\src\\components\\CreatePost.js",["82","83","84","85"],"import React from 'react';\r\nimport './style.css';\r\n\r\n// import { makeStyles } from '@material-ui/core/styles';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Fab from '@material-ui/core/Fab';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemAvatar from '@material-ui/core/ListItemAvatar';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport ListSubheader from '@material-ui/core/ListSubheader';\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport AddIcon from '@material-ui/icons/Add';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport MoreIcon from '@material-ui/icons/MoreVert';\r\n\r\nimport { createMuiTheme ,ThemeProvider} from '@material-ui/core/styles';\r\nimport { withStyles,makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\nimport Button from '@material-ui/core/Button';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\n\r\n\r\n// import AppBar from '@material-ui/core/AppBar';\r\n// import Toolbar from '@material-ui/core/Toolbar';\r\n\r\n\r\nconst darkTheme = createMuiTheme({\r\n palette: {\r\n type: 'dark',\r\n },\r\n});\r\n\r\n\r\nconst messages = [\r\n {\r\n id: 1,\r\n primary: 'Brunch this week?',\r\n secondary: \"I'll be in the neighbourhood this week. Let's grab a bite to eat\",\r\n person: 'https://source.unsplash.com/weekly?girl',\r\n },\r\n {\r\n id: 2,\r\n primary: 'Birthday Gift',\r\n secondary: `Do you have a suggestion for a good present for John on his work\r\n anniversary. I am really confused & would love your thoughts on it.`,\r\n person:'https://source.unsplash.com/weekly?boy',\r\n },\r\n {\r\n id: 3,\r\n primary: 'Recipe to try',\r\n secondary: 'I am try out this new BBQ recipe, I think this might be amazing',\r\n person:'https://source.unsplash.com/weekly?lady',\r\n },\r\n {\r\n id: 4,\r\n primary: 'Yes!',\r\n secondary: 'I have the tickets to the ReactConf for this year.',\r\n person: 'https://source.unsplash.com/weekly?developer',\r\n },\r\n {\r\n id: 5,\r\n primary: \"Doctor's Appointment\",\r\n secondary: 'My appointment for the doctor was rescheduled for next Saturday.',\r\n person: 'https://source.unsplash.com/weekly?flower',\r\n },\r\n {\r\n id: 6,\r\n primary: 'Discussion',\r\n secondary: `Menus that are generated by the bottom app bar (such as a bottom\r\n navigation drawer or overflow menu) open as bottom sheets at a higher elevation\r\n than the bar.`,\r\n person: 'https://source.unsplash.com/weekly?hill',\r\n },\r\n {\r\n id: 7,\r\n primary: 'Summer BBQ',\r\n secondary: `Who wants to have a cookout this weekend? I just got some furniture\r\n for my backyard and would love to fire up the grill.`,\r\n person: 'https://source.unsplash.com/weekly?data',\r\n },\r\n];\r\n\r\nconst drawerWidth = 240;\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n text: {\r\n padding: theme.spacing(2, 2, 0),\r\n },\r\n paper: {\r\n paddingBottom: 50,\r\n },\r\n list: {\r\n marginBottom: theme.spacing(2),\r\n },\r\n subheader: {\r\n backgroundColor: \"#1c2025\",\r\n },\r\n \r\n appBar: {\r\n top: 'auto',\r\n bottom: 0,\r\n [theme.breakpoints.up('sm')]: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n marginLeft: drawerWidth,\r\n },\r\n },\r\n dialog: {\r\n [theme.breakpoints.up('sm')]: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n marginLeft: drawerWidth,\r\n },\r\n },\r\n dialogBar: {\r\n position: 'relative',\r\n },\r\n grow: {\r\n flexGrow: 1,\r\n },\r\n fabButton: {\r\n position: 'absolute',\r\n zIndex: 1,\r\n top: -30,\r\n left: 0,\r\n right: 0,\r\n margin: '0 auto',\r\n },\r\n \r\n}));\r\n\r\nexport default function BottomAppBar() {\r\n const classes = useStyles();\r\n\r\n\r\n const [open, setOpen] = React.useState(false);\r\n\r\n const handleClickOpen = () => {\r\n setOpen(true);\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n return (\r\n <div id=\"home\" style={{paddingRight:'3%'}}>\r\n <ThemeProvider theme={darkTheme}>\r\n <CssBaseline />\r\n <Paper square className={classes.paper} variant=\"outlined\">\r\n <Typography className={classes.text} variant=\"h5\" gutterBottom>\r\n Inbox\r\n </Typography>\r\n <List className={classes.list}>\r\n {messages.map(({ id, primary, secondary, person }) => (\r\n <React.Fragment key={id}>\r\n {id === 1 && <ListSubheader className={classes.subheader}>Today</ListSubheader>}\r\n {id === 3 && <ListSubheader className={classes.subheader}>Yesterday</ListSubheader>}\r\n <ListItem button>\r\n <ListItemAvatar>\r\n <Avatar alt=\"Profile Picture\" src={person} />\r\n </ListItemAvatar>\r\n <ListItemText primary={primary} secondary={secondary} />\r\n </ListItem>\r\n </React.Fragment>\r\n ))}\r\n </List>\r\n </Paper>\r\n\r\n\r\n <Dialog className={classes.dialog} fullScreen open={open} onClose={handleClose} aria-labelledby=\"form-dialog-title\">\r\n <AppBar className={classes.dialogBar}>\r\n <Toolbar>\r\n <IconButton edge=\"start\" color=\"inherit\" onClick={handleClose} aria-label=\"close\">\r\n <CloseIcon />\r\n </IconButton>\r\n </Toolbar>\r\n </AppBar>\r\n <DialogTitle id=\"form-dialog-title\">Enter your message here</DialogTitle>\r\n <DialogContent >\r\n <TextField\r\n id=\"outlined-multiline-static\"\r\n label=\"Messages\" multiline rows={5} variant=\"outlined\" fullWidth />\r\n \r\n <DialogActions style={{marginTop:'50px'}}>\r\n <input accept=\"image/*\" style={{display:'none'}} id=\"contained-button-file\" multiple type=\"file\"/>\r\n <label htmlFor=\"contained-button-file\" style={{marginRight:'auto'}} >\r\n <Button variant=\"contained\" color=\"primary\" component=\"span\" startIcon={<CloudUploadIcon />}>Upload</Button>\r\n </label>\r\n {/* <Button onClick={handleClose} color=\"primary\">Cancel</Button> */}\r\n <Button variant=\"contained\" color=\"primary\" >Send</Button>\r\n </DialogActions>\r\n </DialogContent>\r\n </Dialog>\r\n\r\n\r\n <AppBar position=\"fixed\" color=\"primary\" className={classes.appBar}>\r\n <Toolbar>\r\n <Fab color=\"secondary\" aria-label=\"add\" className={classes.fabButton} onClick={handleClickOpen}>\r\n <AddIcon />\r\n </Fab>\r\n <div className={classes.grow} />\r\n <IconButton color=\"inherit\">\r\n <SearchIcon />\r\n </IconButton>\r\n </Toolbar>\r\n </AppBar>\r\n </ThemeProvider>\r\n </div>\r\n );\r\n}",{"ruleId":"86","replacedBy":"87"},{"ruleId":"88","replacedBy":"89"},{"ruleId":"90","severity":1,"message":"91","line":183,"column":10,"nodeType":"92","endLine":184,"endColumn":95},{"ruleId":"93","severity":1,"message":"94","line":245,"column":9,"nodeType":"95","messageId":"96","endLine":245,"endColumn":19},{"ruleId":"90","severity":1,"message":"91","line":53,"column":35,"nodeType":"92","endLine":53,"endColumn":147},{"ruleId":"93","severity":1,"message":"97","line":9,"column":10,"nodeType":"95","messageId":"96","endLine":9,"endColumn":15},{"ruleId":"93","severity":1,"message":"98","line":13,"column":8,"nodeType":"95","messageId":"96","endLine":13,"endColumn":32},{"ruleId":"93","severity":1,"message":"99","line":14,"column":8,"nodeType":"95","messageId":"96","endLine":14,"endColumn":20},{"ruleId":"93","severity":1,"message":"100","line":15,"column":8,"nodeType":"95","messageId":"96","endLine":15,"endColumn":16},{"ruleId":"93","severity":1,"message":"101","line":16,"column":8,"nodeType":"95","messageId":"96","endLine":16,"endColumn":22},{"ruleId":"93","severity":1,"message":"102","line":153,"column":9,"nodeType":"95","messageId":"96","endLine":153,"endColumn":16},{"ruleId":"93","severity":1,"message":"103","line":8,"column":11,"nodeType":"95","messageId":"96","endLine":8,"endColumn":21},{"ruleId":"93","severity":1,"message":"102","line":60,"column":11,"nodeType":"95","messageId":"96","endLine":60,"endColumn":18},{"ruleId":"93","severity":1,"message":"104","line":18,"column":8,"nodeType":"95","messageId":"96","endLine":18,"endColumn":16},{"ruleId":"93","severity":1,"message":"105","line":21,"column":8,"nodeType":"95","messageId":"96","endLine":21,"endColumn":16},{"ruleId":"93","severity":1,"message":"103","line":24,"column":11,"nodeType":"95","messageId":"96","endLine":24,"endColumn":21},{"ruleId":"93","severity":1,"message":"106","line":32,"column":8,"nodeType":"95","messageId":"96","endLine":32,"endColumn":25},"no-native-reassign",["107"],"no-negated-in-lhs",["108"],"jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","no-unused-vars","'isMenuOpen' is assigned a value but never used.","Identifier","unusedVar","'green' is defined but never used.","'CheckBoxOutlineBlankIcon' is defined but never used.","'CheckBoxIcon' is defined but never used.","'Favorite' is defined but never used.","'FavoriteBorder' is defined but never used.","'classes' is assigned a value but never used.","'withStyles' is defined but never used.","'MenuIcon' is defined but never used.","'MoreIcon' is defined but never used.","'DialogContentText' is defined but never used.","no-global-assign","no-unsafe-negation"]