{"version":3,"sources":["utils/theme.js","redux/types.js","redux/reducer/userReducer.js","redux/reducer/dataReducer.js","redux/store.js","components/Footer.js","config/fbConfig.js","utils/firebase.js","redux/action/userAction.js","components/Login.js","components/Header.js","redux/action/dataAction.js","components/studentList/StudTable.js","components/studentList/Paging.js","components/studentList/TopStudent.js","pages/StudentList.js","components/studentEval/Profile.js","components/studentEval/Comment.js","components/studentEval/Rating.js","pages/StudentEvaluation.js","pages/Navigation.js","App.js","reportWebVitals.js","index.js"],"names":["theme","palette","mode","primary","main","contrastText","secondary","SET_ONE_STUDENT_DATA","SET_ALL_STUDENT_DATA","SET_POST_DATA","LOGGED_IN_STATE","LOGGED_OUT_STATE","ON_ERROR","initialState","currentUser","error","userReducer","state","action","type","actionTypes","payload","studentList","studentInfo","post","middleware","thunk","reducers","combineReducers","user","data","dataReducer","enhancer","window","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","compose","applyMiddleware","store","createStore","classes","container","display","flexDirection","alignSelf","backgroundColor","background","default","text","textAlign","fontSize","margin","color","icons","Footer","Box","sx","Card","height","lg","xs","padding","Grid","justifyContent","alignItems","style","Typography","Link","href","Button","variant","borderRadius","width","bottom","right","float","textTransform","marginRight","firebaseConfig","apiKey","authDomain","projectId","storageBucket","messagingSenderId","appId","measurementId","app","initializeApp","auth","getAuth","db","getStorage","getFirestore","provider","GoogleAuthProvider","getLoggedInUser","dispatch","a","onAuthStateChanged","userInfo","myTitle","fontFamily","myText","opacity","myIcons","paddingLeft","Login","useDispatch","useEffect","size","onClick","e","signInWithPopup","then","result","location","reload","catch","Search","styled","position","shape","alpha","common","white","marginLeft","spacing","breakpoints","down","flexGrow","top","SearchIconWrapper","pointerEvents","StyledInputBase","InputBase","transition","transitions","create","up","appbar","sm","menuIconContainer","marginTop","iconStyle","paper","textStyle","tabtextStyle","indicator","maxWidth","ul","Header","tabValue","navigate","useNavigate","useState","anchorEl","setAnchorEl","open","Boolean","id","undefined","openDrawer","setOpenDrawer","useTheme","matchMD","useMediaQuery","useSelector","value","setValue","handleNext","AppBar","Toolbar","component","IconButton","edge","Tabs","textColor","indicatorColor","TabIndicatorProps","Tab","disableRipple","label","Drawer","anchor","onClose","List","ListItem","button","ListItemIcon","ListItemText","displayName","event","currentTarget","Avatar","src","photoURL","Popover","anchorOrigin","vertical","horizontal","transformOrigin","signOut","logoutUser","placeholder","inputProps","setStudentData","studentData","localStorage","setItem","JSON","stringify","myGrid","myCard","avatar","text2","selector","StudTable","fetchData","setFetchData","count","onSnapshot","collection","snapshot","docs","map","doc","orderBy","sort","setSort","filter","setFilter","FormControl","fullWidth","Select","labelId","onChange","target","MenuItem","minWidth","TableContainer","Table","borderCollapse","borderSpacing","TableHead","TableRow","border","TableCell","colSpan","align","TableBody","cursor","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","handleClick","scope","photo","lastname","firstname","middlename","section","reviews","rating","starRatedColor","numberOfStars","starDimension","starSpacing","isSelectable","starHoverColor","starEmptyColor","myBtn","borderColor","Paging","disabled","boxContainer","TopStudent","queryRate","query","limit","marginBottom","StudentList","Helmet","name","content","minHeight","links","Profile","property","gender","birthdate","address","nickname","skills","social_git","underline","social_fb","social_linkedin","social_twitter","Comment","React","checked","setChecked","prev","Collapse","in","TextField","multiline","rows","widh","Rating","teamwork","creativity","adaptability","leadership","persuasion","averageRating","setPayload","changeRating","prop","StudentEvaluation","Navigation","getItem","parse","path","element","to","App","THEME","createTheme","ThemeProvider","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.e33be4bf.chunk.js","sourcesContent":["const theme = ({\r\n    palette: {\r\n        mode: 'dark',\r\n        primary: {\r\n            main: '#26CE8D',\r\n            contrastText: 'rgba(0, 0, 0, 0.87)',\r\n        },\r\n        secondary: {\r\n            main: '#E03E65',\r\n            contrastText: 'rgba(0, 0, 0, 0.87)',\r\n        },\r\n    },\r\n});\r\nexport default theme;","export const SET_ONE_STUDENT_DATA = \"SET_ONE_STUDENT_DATA\";\r\nexport const SET_ALL_STUDENT_DATA = \"SET_ALL_STUDENT_DATA\";\r\nexport const SET_POST_DATA = \"SET_POST_DATA\";\r\n\r\n\r\nexport const LOGGED_IN_STATE = \"LOGGED_IN_STATE\";\r\nexport const LOGGED_OUT_STATE = \"LOGGED_OUT_STATE\";\r\nexport const ON_ERROR = \"ON_ERROR\";\r\n","import * as actionTypes from '../types';\r\n\r\nconst initialState = {\r\n    currentUser: {},\r\n    error: null\r\n}\r\n\r\nconst userReducer = (state = initialState, action) => {\r\n    switch (action.type) {\r\n        case actionTypes.LOGGED_IN_STATE:\r\n            return {\r\n                ...state,\r\n                currentUser: action.payload,\r\n            }\r\n        case actionTypes.LOGGED_OUT_STATE:\r\n            return {\r\n                ...state,\r\n                currentUser: null,\r\n            };\r\n        case actionTypes.ON_ERROR:\r\n            return {\r\n                ...state,\r\n                currentUser: null,\r\n                error: action.payload\r\n            };\r\n        default:\r\n            return state;\r\n    }\r\n}\r\n\r\nexport default userReducer;","import * as actionTypes from '../types';\r\n\r\nconst initialState = {\r\n    studentList: [],\r\n    studentInfo: {},\r\n    post: \"\"\r\n}\r\n\r\nconst userReducer = (state = initialState, action) => {\r\n    switch (action.type) {\r\n        case actionTypes.SET_ALL_STUDENT_DATA:\r\n            return {\r\n                ...state,\r\n                studentList: action.payload,\r\n            }\r\n        case actionTypes.SET_ONE_STUDENT_DATA:\r\n            return {\r\n                ...state,\r\n                studentInfo: action.payload,\r\n            };\r\n        case actionTypes.SET_POST_DATA:\r\n            return {\r\n                ...state,\r\n                currentUser: null,\r\n            };\r\n        case actionTypes.ON_ERROR:\r\n            return {\r\n                ...state,\r\n                currentUser: null,\r\n                error: action.payload\r\n            };\r\n        default:\r\n            return state;\r\n    }\r\n}\r\n\r\nexport default userReducer;","import {\r\n    createStore,\r\n    combineReducers,\r\n    applyMiddleware,\r\n    compose\r\n} from \"redux\";\r\n\r\nimport thunk from \"redux-thunk\";\r\n\r\n//reducers\r\nimport userReducer from \"./reducer/userReducer\";\r\nimport dataReducer from \"./reducer/dataReducer\";\r\n\r\nconst initialState = {};\r\nconst middleware = [thunk];\r\n\r\nconst reducers = combineReducers({\r\n    //implement reducers\r\n    user: userReducer,\r\n    data: dataReducer\r\n})\r\n\r\nconst composeEnhancer = typeof window == 'object' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose;\r\n\r\nconst enhancer = composeEnhancer(applyMiddleware(...middleware));\r\nconst store = createStore(reducers, initialState, enhancer);\r\n\r\nexport default store;","import React from 'react'\r\nimport { Card, Box, Grid, Link, Typography, Button } from '@mui/material';\r\nimport { FiTwitter, FiFacebook } from \"react-icons/fi\";\r\nimport { RiDiscordLine } from \"react-icons/ri\";\r\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline';\r\nconst classes = {\r\n    container: {\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignSelf: 'flex-end',\r\n        backgroundColor: (theme) => theme.palette.background.default,\r\n    },\r\n    text: {\r\n        textAlign: 'center',\r\n        fontSize: 14,\r\n        margin: 1,\r\n        color: '#62666D'\r\n    },\r\n    icons: {\r\n        margin: 5,\r\n        fontSize: 20\r\n    }\r\n}\r\nexport default function Footer() {\r\n    return (\r\n        <Box sx={classes.container}>\r\n            <Card sx={{ height: { lg: '180px', xs: '250px' }, padding: 2 }}>\r\n                <Grid sx={{\r\n                    display: 'flex',\r\n                    flexDirection: 'row',\r\n                    justifyContent: 'center',\r\n                    alignItems: 'center',\r\n                    margin: 3\r\n                }}>\r\n                    <FiTwitter style={classes.icons} color=\"#26CE8D\" />\r\n                    <RiDiscordLine style={classes.icons} color=\"#26CE8D\" />\r\n                    <FiFacebook style={classes.icons} color=\"#26CE8D\" />\r\n                    \r\n                </Grid>\r\n                <Typography sx={classes.text}>\r\n                    Contact us: <Link href='#'>support@studentreview.com</Link>\r\n                </Typography>\r\n\r\n                <Typography sx={classes.text}>\r\n                    &copy; 2021 Student Review. All Rights Reserved.\r\n                </Typography>\r\n                <Typography sx={classes.text}>\r\n                    <Link href='#'>Terms of Service</Link>\r\n                    |\r\n                    <Link href='#'>Privacy Policy</Link>\r\n                </Typography>\r\n                <Button variant='contained'\r\n                    sx={{\r\n                        borderRadius: '50px',\r\n                        width: { lg: '80px', xs: '100%' },\r\n                        bottom: { lg: 50, xs: 0 },\r\n                        right: { lg: 50, xs: 0 },\r\n                        float: 'right',\r\n                        textTransform: 'none',\r\n                        color: 'white'\r\n                    }}>\r\n                    <HelpOutlineIcon sx={{ fontSize: 15, marginRight: 1 }} />\r\n                    Help\r\n                </Button>\r\n            </Card>\r\n        </Box>\r\n    )\r\n}","const firebaseConfig = {\r\n    apiKey: \"AIzaSyBi3UkdveY4CgEIQ_cG8qD7XDYOBrkKH7E\",\r\n    authDomain: \"midterm-2295c.firebaseapp.com\",\r\n    projectId: \"midterm-2295c\",\r\n    storageBucket: \"midterm-2295c.appspot.com\",\r\n    messagingSenderId: \"1074843527458\",\r\n    appId: \"1:1074843527458:web:0a058e8d4286da5db05d7b\",\r\n    measurementId: \"G-DKWY82TF01\"\r\n};\r\n\r\nexport default firebaseConfig;","import { initializeApp } from 'firebase/app';\r\nimport { getAuth } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport firebaseConfig from '../config/fbConfig';\r\nimport { getStorage } from \"firebase/storage\";\r\n// Initialize Firebase\r\nconst app = initializeApp(firebaseConfig);\r\nconst auth = getAuth(app);\r\nconst storage = getStorage(app);\r\nconst db = getFirestore(app);\r\n\r\nexport { auth, db , storage};\r\n","import * as actionTypes from '../types';\r\nimport { signInWithPopup, GoogleAuthProvider } from \"firebase/auth\";\r\nimport { auth } from '../../utils/firebase';\r\n\r\nconst provider = new GoogleAuthProvider();\r\nexport const setLoggedInUser = () => async (dispatch) => {\r\n    signInWithPopup(auth, provider)\r\n        .then((result) => {\r\n            // This gives you a Google Access Token. You can use it to access the Google API.\r\n            // The signed-in user info.\r\n            window.location.reload(false);\r\n            // localStorage.setItem('userInfo', JSON.stringify(result))\r\n            dispatch(getLoggedInUser())\r\n            // ...\r\n        }).catch((error) => {\r\n            dispatch({ type: actionTypes.ON_ERROR, payload: error })\r\n        });\r\n}\r\n\r\nexport const getLoggedInUser = () => async (dispatch) => {\r\n    try {\r\n        auth.onAuthStateChanged((userInfo) => {\r\n            dispatch({\r\n                type: actionTypes.LOGGED_IN_STATE,\r\n                payload: userInfo,\r\n            });\r\n        })\r\n    } catch (error) {\r\n        dispatch({ type: actionTypes.ON_ERROR, payload: error })\r\n    }\r\n}\r\n\r\nexport const logoutUser = (navigate) => async (dispatch) => {\r\n    try {\r\n        auth.signOut().then(() => {\r\n            dispatch({ type: actionTypes.LOGGED_OUT_STATE, payload: null });\r\n            navigate('/');\r\n        }).catch((error) => {\r\n            // An error happened.\r\n            dispatch({ type: actionTypes.ON_ERROR, payload: error })\r\n        });\r\n    } catch (error) {\r\n        dispatch({ type: actionTypes.ON_ERROR, payload: error })\r\n    }\r\n}","import React, { useEffect } from 'react'\r\nimport { useDispatch } from 'react-redux'\r\nimport { Box, Grid, Button, Typography } from '@mui/material'\r\nimport { ImGoogle2 } from 'react-icons/im'\r\nimport { GrFacebook } from 'react-icons/gr'\r\nimport { FaTwitterSquare } from 'react-icons/fa'\r\nimport { setLoggedInUser, getLoggedInUser } from '../redux/action/userAction'\r\n\r\nconst classes = {\r\n    container: {\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        flexDirection: 'column',\r\n        padding: 3\r\n    },\r\n    myTitle: {\r\n        fontSize: '18px',\r\n        fontFamily: 'Roboto',\r\n        color: 'white'\r\n    },\r\n    myText: {\r\n        fontSize: '12px',\r\n        opacity: '0.7',\r\n        textAlign: 'center',\r\n        fontFamily: 'Roboto',\r\n    },\r\n    myIcons: {\r\n        fontSize: '1rem',\r\n        paddingLeft: 1,\r\n        textAlign: 'center',\r\n        fontFamily: 'Roboto',\r\n    },\r\n}\r\n\r\nexport default function Login() {\r\n    const dispatch = useDispatch();\r\n    \r\n    const handleClick = (e) => {\r\n        dispatch(setLoggedInUser())\r\n    }\r\n    useEffect(() => {\r\n        dispatch(getLoggedInUser())\r\n    }, [dispatch])\r\n\r\n    return (\r\n        <Grid container sx={classes.container}>\r\n            <Typography sx={classes.myTitle}>Sign In</Typography>\r\n            <Typography sx={classes.myText}>Sign in to review and rate students</Typography>\r\n            <Box sx={{ display: 'flex', flexDirection: 'row' }}>\r\n                <Button>\r\n                    <GrFacebook size={35} color='#4267B2' style={{ margin: 5 }} />\r\n                </Button>\r\n                <Button onClick={handleClick}>\r\n                    <ImGoogle2 size={35} color='#4285F4' style={{ margin: 5 }} />\r\n                </Button>\r\n                <Button>\r\n                    <FaTwitterSquare size={35} color='#00ACEE' style={{ margin: 5 }} />\r\n                </Button>\r\n            </Box>\r\n        </Grid>\r\n    )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport {\r\n    AppBar, Toolbar, Typography, IconButton,\r\n    Grid, InputBase, Box, Popover,\r\n    List, Drawer, ListItem, ListItemText,\r\n    ListItemIcon, useMediaQuery, Avatar,\r\n    Button, Tab, Tabs\r\n} from '@mui/material';\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { useTheme } from '@mui/material/styles';\r\nimport { styled, alpha } from '@mui/material/styles';\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport GridViewTwoToneIcon from '@mui/icons-material/GridViewTwoTone';\r\nimport AccountCircleOutlinedIcon from '@mui/icons-material/AccountCircleOutlined';\r\nimport ListAltIcon from '@mui/icons-material/ListAlt';\r\nimport AssignmentIndIcon from '@mui/icons-material/AssignmentInd';\r\nimport SmartDisplayIcon from '@mui/icons-material/SmartDisplay';\r\nimport Login from './Login';\r\nimport { getLoggedInUser, logoutUser } from '../redux/action/userAction'\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { auth } from '../utils/firebase';\r\n\r\n\r\nconst Search = styled('div')(({ theme }) => ({\r\n    display: 'block',\r\n    position: 'relative',\r\n    marginRight: 2,\r\n    borderRadius: theme.shape.borderRadius,\r\n    backgroundColor: alpha(theme.palette.common.white, 0.15),\r\n    '&:hover': {\r\n        backgroundColor: alpha(theme.palette.common.white, 0.25),\r\n    },\r\n    marginLeft: theme.spacing(1),\r\n    width: 'auto',\r\n\r\n    [theme.breakpoints.down('sm')]: {\r\n        flexGrow: 1,\r\n        display: 'flex',\r\n        alignSelf: 'flex-end',\r\n        width: '85vw',\r\n        height: '5vh',\r\n        top: '55px',\r\n        position: 'absolute',\r\n    }\r\n}));\r\n\r\nconst SearchIconWrapper = styled('div')(({ theme }) => ({\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\r\nconst StyledInputBase = styled(InputBase)(({ theme }) => ({\r\n    color: 'inherit',\r\n    '& .MuiInputBase-input': {\r\n        padding: theme.spacing(1, 1, 1, 0),\r\n        // vertical padding + font size from searchIcon\r\n        paddingLeft: `calc(1em + ${theme.spacing(4)})`,\r\n        transition: theme.transitions.create('width'),\r\n        width: '100%',\r\n        [theme.breakpoints.up('sm')]: {\r\n            width: '12ch',\r\n            '&:focus': {\r\n                width: '20ch',\r\n            },\r\n        },\r\n    },\r\n}));\r\nconst classes = {\r\n    appbar: {\r\n        position: \"static\",\r\n        height: { sm: 'auto', xs: '27vw' },\r\n        backgroundColor: (theme) => theme.palette.background.default,\r\n    },\r\n    menuIconContainer: {\r\n        marginLeft: 'auto',\r\n    },\r\n    icons: {\r\n        fontSize: '1.5rem',\r\n        marginTop: \"5px\",\r\n        marginLeft: \"15px\",\r\n        marginRight: \"20px\",\r\n        color: \"white\"\r\n    },\r\n    iconStyle: {\r\n        color: \"white\",\r\n        fontSize: 20\r\n    },\r\n    paper: {\r\n        backgroundColor: (theme) => theme.palette.background.default,\r\n        height: \"100%\"\r\n    },\r\n    textStyle: {\r\n        color: '#FFF'\r\n    },\r\n    tabtextStyle: {\r\n        color: \"white\",\r\n        textTransform: \"none\",\r\n        fontSize: 14,\r\n        width: 180,\r\n        '&:hover': {\r\n            color: '#26CE8D',\r\n        },\r\n    },\r\n    indicator: {\r\n        top: \"0px\",\r\n        maxWidth: 20,\r\n        height: '3px',\r\n        marginLeft: 10,\r\n        borderRadius: '8px'\r\n    },\r\n    ul: {\r\n        display: 'flex',\r\n        marginTop: '24px',\r\n    },\r\n\r\n    container: {\r\n        display: 'flex',\r\n        flexDirection: 'row',\r\n        alignItems: 'center',\r\n        justifyContent: 'center',\r\n    }\r\n}\r\n\r\nexport default function Header({ tabValue }) {\r\n    const navigate = useNavigate();\r\n    const [anchorEl, setAnchorEl] = useState(null);\r\n    const open = Boolean(anchorEl);\r\n    const id = open ? 'simple-popover' : undefined;\r\n    const [openDrawer, setOpenDrawer] = useState(false);\r\n    const theme = useTheme();\r\n    const matchMD = useMediaQuery(theme.breakpoints.up('md'));\r\n    const dispatch = useDispatch();\r\n    const user = useSelector((state) => state.user = auth.currentUser)\r\n    const handleClick = (event) => {\r\n        setAnchorEl(event.currentTarget);\r\n    };\r\n    const handleClose = () => {\r\n        setAnchorEl(null);\r\n    };\r\n    useEffect(() => {\r\n        dispatch(getLoggedInUser())\r\n    }, [dispatch])\r\n\r\n    const handleOut = () => {\r\n        dispatch(logoutUser(navigate));\r\n    }\r\n    const [value, setValue] = useState(tabValue);\r\n    const handleNext = () => {\r\n        navigate('/studentList/')\r\n        setValue(\"one\")\r\n    }\r\n    return (\r\n        <Box>\r\n            <AppBar sx={classes.appbar}>\r\n                <Toolbar>\r\n                    <Grid sx={{ flexGrow: 1 }}>\r\n                        <Typography\r\n                            component=\"div\"\r\n                            sx={{ fontSize: { lg: 24, xs: 20 } }}\r\n                        >\r\n                            Student Review\r\n                            <IconButton\r\n                                size=\"medium\"\r\n                                edge=\"end\"\r\n                                color=\"inherit\"\r\n                                aria-label=\"open drawer\"\r\n                                sx={{ margin: 2 }}\r\n                                onClick={() => setOpenDrawer(!openDrawer)}\r\n                            >\r\n                                {!openDrawer ?\r\n                                    <GridViewTwoToneIcon sx={classes.iconStyle} /> :\r\n                                    <GridViewTwoToneIcon sx={classes.iconStyle} />}\r\n                            </IconButton>\r\n                        </Typography>\r\n                    </Grid >\r\n                    {!matchMD ?\r\n                        <Drawer\r\n                            anchor='left'\r\n                            onClose={() => setOpenDrawer(false)}\r\n                            open={openDrawer}\r\n                        >\r\n                            <Typography\r\n                                component=\"div\"\r\n                                sx={{\r\n                                    fontSize: 24,\r\n                                    marginTop: \"5px\",\r\n                                    marginLeft: \"15px\",\r\n                                    marginRight: \"20px\",\r\n                                }}\r\n                            >\r\n                                Student Review\r\n                            </Typography>\r\n                            <List sx={classes.paper}>\r\n                                <ListItem\r\n                                    button\r\n                                >\r\n                                    <ListItemIcon onClick={handleNext}>\r\n                                        <ListAltIcon sx={classes.icons} />\r\n                                        <ListItemText sx={classes.textStyle}>Student List</ListItemText>\r\n                                    </ListItemIcon>\r\n                                </ListItem>\r\n                                <ListItem\r\n                                    button\r\n                                >\r\n                                    <ListItemIcon>\r\n                                        <AssignmentIndIcon sx={classes.icons} />\r\n                                        <ListItemText sx={classes.textStyle}>Student Evaluation</ListItemText>\r\n                                    </ListItemIcon>\r\n                                </ListItem>\r\n                                <ListItem\r\n                                    button\r\n                                >\r\n                                    <ListItemIcon>\r\n                                        <SmartDisplayIcon sx={classes.icons} />\r\n                                        <ListItemText sx={classes.textStyle}>Blog</ListItemText>\r\n                                    </ListItemIcon>\r\n                                </ListItem>\r\n                            </List>\r\n                        </Drawer>\r\n                        :\r\n                        <Grid sx={classes.container}>\r\n                            <Box sx={classes.ul}>\r\n                                <Tabs\r\n                                    value={value}\r\n                                    textColor=\"primary\"\r\n                                    indicatorColor=\"primary\"\r\n                                    aria-label=\"primary tabs example\"\r\n                                    TabIndicatorProps={{\r\n                                        sx: classes.indicator,\r\n                                    }}\r\n                                >\r\n                                    <Tab disableRipple={true} value=\"one\" label=\"Student List\" sx={classes.tabtextStyle} onClick={handleNext} />\r\n                                    <Tab disableRipple={true} value=\"two\" label=\"Student Evaluation\" sx={classes.tabtextStyle} />\r\n                                    <Tab disableRipple={true} value=\"three\" label=\"Blog\" sx={classes.tabtextStyle} />\r\n                                </Tabs>\r\n                            </Box>\r\n                        </Grid>\r\n                    }\r\n\r\n                    <Box component='span' sx={{ flexGrow: 1 }} />\r\n                    {!user ? \"\" : <Typography sx={{\r\n                        fontSize: 14,\r\n                        color: '#D1D4C9',\r\n                    }}>{user.displayName}</Typography>}\r\n                    <IconButton\r\n                        aria-describedby={id}\r\n                        type=\"button\"\r\n                        onClick={handleClick}>\r\n                        {!user ?\r\n                            < AccountCircleOutlinedIcon /> :\r\n                            <Avatar src={user.photoURL} sx={{\r\n                                width: '28px',\r\n                                height: '28px'\r\n                            }} ></Avatar>\r\n                        }\r\n                    </IconButton>\r\n                    <Popover\r\n                        id={id}\r\n                        open={open}\r\n                        anchorEl={anchorEl}\r\n                        onClose={handleClose}\r\n                        anchorOrigin={{\r\n                            vertical: 'bottom',\r\n                            horizontal: 'center',\r\n                        }}\r\n                        transformOrigin={{\r\n                            vertical: 'top',\r\n                            horizontal: 'center',\r\n                        }}\r\n                    >\r\n                        {!user ?\r\n                            <Login /> :\r\n                            <Button onClick={handleOut}>\r\n                                Sign Out\r\n                            </Button>\r\n                        }\r\n                    </Popover>\r\n                    <Search>\r\n                        <SearchIconWrapper>\r\n                            <SearchIcon />\r\n                        </SearchIconWrapper>\r\n                        <StyledInputBase\r\n                            placeholder=\"Search…\"\r\n                            inputProps={{ 'aria-label': 'search' }}\r\n                        />\r\n                    </Search>\r\n                </Toolbar>\r\n            </AppBar >\r\n        </Box >\r\n    );\r\n}","import * as actionTypes from '../types';\r\nimport { db } from '../../utils/firebase'\r\nimport { collection, onSnapshot } from \"firebase/firestore\";\r\n\r\nexport const setStudentListData = () => async (dispatch) => {\r\n    try {\r\n        onSnapshot(collection(db, \"users\"), (snapshot) => {\r\n            dispatch({\r\n                type: actionTypes.SET_ALL_STUDENT_DATA,\r\n                payload: snapshot.docs.map(doc => (doc.data()))\r\n            })\r\n        })\r\n    } catch (error) {\r\n        dispatch({ type: actionTypes.ON_ERROR, payload: error })\r\n    }\r\n};\r\n\r\nexport const setStudentData = (studentData, navigate) => async (dispatch) => {\r\n    try {\r\n        localStorage.setItem('studentdata', JSON.stringify(studentData));\r\n        await dispatch({ type: actionTypes.SET_ONE_STUDENT_DATA, payload: studentData });\r\n        navigate(`/studentEvaluation/${studentData.id}`);\r\n    } catch (error) {\r\n        await dispatch({ type: actionTypes.ON_ERROR, payload: error })\r\n    }\r\n};\r\nexport const getStudentData = () => async (dispatch) => {\r\n    try {\r\n        const studentData =\r\n            localStorage.getItem('studentdata');\r\n        await dispatch({ type: actionTypes.SET_ONE_STUDENT_DATA, payload: JSON.parse(studentData) });\r\n    } catch (error) {\r\n        await dispatch({ type: actionTypes.ON_ERROR, payload: error })\r\n    }\r\n};\r\n","import React, { useEffect, useState } from 'react'\r\nimport {\r\n    Avatar,\r\n    Typography,\r\n    Table,\r\n    TableHead,\r\n    TableRow,\r\n    TableCell,\r\n    TableContainer,\r\n    TableBody,\r\n    Select,\r\n    FormControl,\r\n    MenuItem,\r\n    Box\r\n} from '@mui/material';\r\nimport StarRatings from 'react-star-ratings';\r\nimport { useDispatch } from 'react-redux';\r\nimport { setStudentData, setStudentListData } from '../../redux/action/dataAction';\r\nimport { db } from '../../utils/firebase'\r\nimport { collection, onSnapshot, orderBy } from \"firebase/firestore\";\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\n\r\nconst classes = {\r\n    myGrid: {\r\n        display: 'flex',\r\n        flexDirection: 'column'\r\n    },\r\n    myCard: {\r\n        fontSize: 18,\r\n        color: '#D1D4C9',\r\n        marginLeft: 3,\r\n        alignItems: 'center',\r\n        display: 'flex',\r\n        flexDirection: 'row',\r\n    },\r\n    avatar: {\r\n        width: '37px',\r\n        height: '37px',\r\n        marginLeft: -5,\r\n        marginRight: 1\r\n    },\r\n    text2: {\r\n        fontSize: 14,\r\n        color: '#62666D',\r\n    },\r\n    selector: {\r\n        margin: 1,\r\n        width: '124px',\r\n    },\r\n}\r\n\r\nexport default function StudTable() {\r\n    const dispatch = useDispatch();\r\n    const navigate = useNavigate();\r\n    const [fetchData, setFetchData] = useState([])\r\n    let count = 1;\r\n    useEffect(() => {\r\n        dispatch(setStudentListData())\r\n        onSnapshot(collection(db, \"users\"), orderBy(\"rating\", \"desc\"), (snapshot) => {\r\n            setFetchData(snapshot.docs.map(doc => ({ ...doc.data(), id: doc.id })));\r\n        })\r\n\r\n    }, [dispatch])\r\n    const handleClick = (fetchData) => {\r\n        dispatch(setStudentData(fetchData, navigate))\r\n    }\r\n\r\n    const [sort, setSort] = useState('most_recent');\r\n\r\n    const handleSort = (event) => {\r\n        setSort(event.target.value);\r\n    };\r\n    const [filter, setFilter] = useState('no_filter');\r\n\r\n    const handleFilter = (event) => {\r\n        setFilter(event.target.value);\r\n    };\r\n    return (\r\n        <>\r\n            <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: { lg: 'unset', xs: 'center' }, marginTop: '30px' }}>\r\n                <Box component='span' sx={{ flexGrow: { lg: 1, xs: 0 } }} />\r\n                <Typography sx={{ color: 'white', fontSize: 12 }}> Sort by:</Typography>\r\n                <Box sx={{ width: 120, margin: 1 }}>\r\n                    <FormControl fullWidth size='small' variant='outlined' >\r\n                        <Select\r\n                            labelId=\"demo-simple-select-label\"\r\n                            id=\"demo-simple-select\"\r\n                            value={sort}\r\n                            onChange={handleSort}\r\n                            sx={{ fontSize: 12 }}\r\n                        >\r\n                            <MenuItem value={'most_recent'}>Most Recent</MenuItem>\r\n                            <MenuItem value={'rating'}>Rating</MenuItem>\r\n                        </Select>\r\n                    </FormControl>\r\n                </Box>\r\n                <Typography sx={{ color: 'white', fontSize: 12, marginLeft: 2 }}> Filter:</Typography>\r\n                <Box sx={{ minWidth: 120, margin: 1 }}>\r\n                    <FormControl fullWidth size='small' variant='outlined'>\r\n                        <Select\r\n                            labelId=\"demo-simple-select-label\"\r\n                            id=\"demo-simple-select\"\r\n                            value={filter}\r\n                            onChange={handleFilter}\r\n                            sx={{ fontSize: 12 }}\r\n                        >\r\n                            <MenuItem value={'no_filter'}>No Filter</MenuItem>\r\n                            <MenuItem value={'filter'}>Filter</MenuItem>\r\n                        </Select>\r\n                    </FormControl>\r\n                </Box>\r\n            </Box>\r\n            <TableContainer sx={{ display: 'flex' }}>\r\n                <Table sx={{ minWidth: 680, borderCollapse: 'separate', borderSpacing: '0 12px', background: 'none' }} aria-label=\"simple table\">\r\n                    <TableHead>\r\n                        <TableRow sx={{ 'th': { border: 0 } }} >\r\n                            <TableCell colSpan={2}></TableCell>\r\n                            <TableCell align=\"center\" sx={classes.text2} >Year &#38; Section</TableCell>\r\n                            <TableCell align=\"center\" sx={classes.text2}>Reviews</TableCell>\r\n                            <TableCell align=\"center\" sx={classes.text2}>Rating</TableCell>\r\n                        </TableRow>\r\n                    </TableHead>\r\n\r\n                    <TableBody sx={{ backgroundColor: '#1E1E1E' }} >\r\n                        {fetchData.map((fetchData) => (\r\n                            <TableRow\r\n                                sx={{\r\n                                    cursor: 'pointer',\r\n                                    'th,td': { border: 0 },\r\n                                    'td:first-of-type': { borderTopLeftRadius: '10px', borderBottomLeftRadius: '10px' },\r\n                                    'td:last-of-type': { borderTopRightRadius: '10px', borderBottomRightRadius: '10px' }\r\n                                }}\r\n                                key={fetchData.id}\r\n                                onClick={() => handleClick(fetchData)}\r\n                            >\r\n                                <TableCell\r\n                                    align=\"center\"\r\n                                    scope=\"row\"\r\n                                    sx={{ fontSize: 12 }}\r\n                                >{count++}\r\n                                </TableCell>\r\n                                <TableCell align=\"left\" sx={classes.myCard}>\r\n                                    <Avatar variant=\"rounded\" sx={classes.avatar} src={fetchData.photo} />\r\n                                    {fetchData.lastname + \", \" + fetchData.firstname + \" \" + fetchData.middlename}\r\n                                </TableCell>\r\n                                <TableCell align=\"center\"><Typography sx={classes.text2}>{fetchData.section}</Typography></TableCell>\r\n                                <TableCell align=\"center\"><Typography sx={{\r\n                                    fontSize: 14,\r\n                                    color: '#D1D4C9',\r\n                                }}>{fetchData.reviews} Reviews</Typography></TableCell>\r\n                                <TableCell align=\"center\">\r\n                                    <StarRatings\r\n                                        rating={fetchData.rating}\r\n                                        starRatedColor=\"#26CE8D\"\r\n                                        // changeRating={changeRating}\r\n                                        numberOfStars={5}\r\n                                        starDimension=\"20px\"\r\n                                        starSpacing=\"0px\"\r\n                                        isSelectable=\"false\"\r\n                                        starHoverColor=\"#26CE8D\"\r\n                                        starEmptyColor=\"#696969\"\r\n                                    />\r\n                                </TableCell>\r\n                            </TableRow>\r\n                        ))}\r\n                    </TableBody>\r\n                </Table>\r\n            </TableContainer >\r\n        </>\r\n    )\r\n}\r\n","import React from 'react'\r\nimport { Box, Button, Grid, Typography } from '@mui/material';\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\r\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward';\r\n\r\nconst classes = {\r\n    myGrid: {\r\n        display: 'flex',\r\n        flexDirection: 'row',\r\n        alignItems: 'center',\r\n        margin: 1,\r\n        color: '#D1D4C9'\r\n    },\r\n    myBtn: {\r\n        fontSize: 14,\r\n        borderColor: '#62666D',\r\n        color: 'white',\r\n    }\r\n}\r\nexport default function Paging() {\r\n    return (\r\n        <Grid sx={classes.myGrid}>\r\n            <Button variant='outlined' size='small' sx={classes.myBtn} disabled={true}>\r\n                <ArrowBackIcon />\r\n            </Button>\r\n\r\n            <Box sx={{\r\n                display: 'flex',\r\n                flexDirection: 'row',\r\n                alignItems: 'center',\r\n                margin: 1,\r\n            }}>\r\n                <Typography sx={{\r\n                    color: '#62666D'\r\n                }}>\r\n                    Page\r\n                </Typography>\r\n                <Box sx={{\r\n                    borderColor: '#62666D',\r\n                    borderRadius: '4px',\r\n                    border: 1,\r\n                    justifyContent: 'center',\r\n                    textAlign: 'center',\r\n                    width: 40,\r\n                    margin: 1\r\n                }}>1</Box>\r\n                <Typography sx={{\r\n                    color: '#62666D'\r\n                }}>\r\n                    of 100\r\n                </Typography>\r\n            </Box>\r\n\r\n            <Button variant='outlined' size='small' sx={classes.myBtn} disableRipple={true} >\r\n                <ArrowForwardIcon />\r\n            </Button>\r\n        </Grid>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Card, Avatar, Box, Typography, Grid } from '@mui/material'\r\nimport StarRatings from 'react-star-ratings'\r\nimport { onSnapshot, collection, limit, orderBy, query } from 'firebase/firestore';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useDispatch } from 'react-redux';\r\nimport { setStudentData } from '../../redux/action/dataAction';\r\nimport { db } from '../../utils/firebase';\r\nconst classes = {\r\n    myCard: {\r\n        display: 'flex',\r\n        flexDirection: 'row',\r\n        width: 200,\r\n        height: 110,\r\n        padding: '6px',\r\n        margin: 1,\r\n        cursor: 'pointer'\r\n    },\r\n    avatar: {\r\n        margin: 1,\r\n        width: '42px',\r\n        height: '42px'\r\n    },\r\n    boxContainer: {\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        margin: 1\r\n    }\r\n}\r\nexport default function TopStudent() {\r\n    const dispatch = useDispatch();\r\n    const navigate = useNavigate();\r\n    const [fetchData, setFetchData] = useState([]);\r\n    const queryRate = query(collection(db, \"users\"), orderBy(\"rating\", \"desc\"), limit(4));\r\n\r\n    useEffect(() => {\r\n        onSnapshot(queryRate, (snapshot) => {\r\n            setFetchData(snapshot.docs.map(doc => ({ ...doc.data(), id: doc.id })));\r\n        })\r\n    }, [queryRate])\r\n\r\n    const handleClick = (fetchData) => {\r\n        dispatch(setStudentData(fetchData, navigate))\r\n    }\r\n    return (\r\n        <Grid>\r\n            <Typography sx={{ position: 'static', color: 'white', fontSize: '18px', margin: 1 }}> Top Students</Typography>\r\n            <Grid sx={{ display: 'flex', flexDirection: { lg: 'row', xs: 'column' }, justifyContent: 'center', alignItems: 'center' }}>\r\n                {fetchData.map((fetchData) => (\r\n                    <Card sx={classes.myCard} key={fetchData.id} onClick={() => handleClick(fetchData)}>\r\n                        <Avatar variant=\"rounded\" sx={classes.avatar} src={fetchData.photo} />\r\n                        <Box sx={classes.boxContainer}>\r\n                            <Typography sx={{ fontSize: 11.5, color: 'white' }}>{fetchData.lastname + \", \" + fetchData.firstname + \" \" + fetchData.middlename}</Typography>\r\n                            <Typography sx={{ fontSize: 14, color: '#62666D', marginBottom: 2 }}>{fetchData.reviews} Reviews</Typography>\r\n                            <StarRatings\r\n                                rating={fetchData.rating}\r\n                                starRatedColor=\"#26CE8D\"\r\n                                // changeRating={changeRating}\r\n                                numberOfStars={5}\r\n                                starDimension=\"20px\"\r\n                                starSpacing=\"0px\"\r\n                                isSelectable=\"false\"\r\n                                starHoverColor=\"#26CE8D\"\r\n                                starEmptyColor=\"#696969\"\r\n                            />\r\n                        </Box>\r\n                    </Card>\r\n                ))}\r\n            </Grid>\r\n        </Grid>\r\n\r\n    )\r\n}\r\n","import { Grid, Box } from '@mui/material'\r\nimport React from 'react'\r\nimport Header from '../components/Header'\r\nimport StudTable from '../components/studentList/StudTable'\r\nimport Paging from '../components/studentList/Paging'\r\nimport TopStudent from '../components/studentList/TopStudent'\r\nimport { Helmet } from 'react-helmet'\r\n\r\nexport default function StudentList() {\r\n    return (\r\n        <>\r\n            <Helmet>\r\n                <title>Student List</title>\r\n                <meta\r\n                    name=\"description\"\r\n                    content=\"College of Information Technology and Engineering\"\r\n                />\r\n            </Helmet>\r\n            <Header tabValue={\"one\"} />\r\n            <Grid sx={{\r\n                display: 'flex',\r\n                flexDirection: 'column',\r\n                alignItems: 'center',\r\n                minHeight: '100vh',\r\n                backgroundColor: (theme) => theme.palette.background.default\r\n            }}>\r\n                <Grid sx={{ width: { lg: '50%', xs: '100%' }, marginTop: '38px', margin: 1 }} >\r\n                    <TopStudent />\r\n                    <StudTable />\r\n                    <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>\r\n                        <Paging />\r\n                    </Box>\r\n                </Grid>\r\n            </Grid>\r\n        </>\r\n    )\r\n}\r\n","import React from 'react'\r\nimport {\r\n    Card,\r\n    Grid,\r\n    Box,\r\n    Avatar,\r\n    Typography,\r\n    TableContainer,\r\n    Table,\r\n    TableBody,\r\n    TableRow,\r\n    TableCell,\r\n    Link\r\n} from '@mui/material'\r\nimport StarRatings from 'react-star-ratings'\r\nimport { useSelector } from 'react-redux'\r\nimport { Helmet } from 'react-helmet'\r\n\r\nconst classes = {\r\n    myCard: {\r\n        display: 'flex',\r\n        flexDirection: { lg: 'row', xs: 'column' },\r\n        padding: 4,\r\n        alignItems: 'center',\r\n        justifyContent: 'space-between'\r\n    },\r\n    avatar: {\r\n        margin: 1,\r\n        width: '145px',\r\n        height: '145px'\r\n    },\r\n    boxContainer: {\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        margin: 1\r\n    },\r\n    text: {\r\n        fontSize: 12,\r\n        color: 'white',\r\n        fontFamily: 'Roboto',\r\n    },\r\n    links: {\r\n        fontSize: 12,\r\n        color: 'white',\r\n        fontFamily: 'Roboto',\r\n    }\r\n}\r\n\r\nexport default function Profile() {\r\n    const { data } = useSelector((state) => state);\r\n    return (\r\n        <Grid>\r\n            <Helmet>\r\n                <title>{data.studentInfo.lastname + \",\" + data.studentInfo.firstname + \" \" + data.studentInfo.middlename}</title>\r\n                <meta\r\n                    name=\"description\"\r\n                    content=\"Student Evaluation\"\r\n                />\r\n                <meta property=\"og-title\" content=\"dasdasda\" />\r\n                <meta property=\"og-image\" content={data.studentInfo.photoURL} />\r\n            </Helmet>\r\n            <Card sx={classes.myCard}>\r\n                <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>\r\n\r\n                    <Avatar variant=\"rounded\" sx={classes.avatar} src={data.studentInfo.photo} />\r\n                    <StarRatings\r\n                        rating={3}\r\n                        starRatedColor=\"#26CE8D\"\r\n                        // changeRating={changeRating}\r\n                        numberOfStars={5}\r\n                        starDimension=\"30px\"\r\n                        starSpacing=\"1px\"\r\n                        isSelectable=\"false\"\r\n                        starHoverColor=\"#26CE8D\"\r\n                        starEmptyColor=\"#696969\"\r\n                    />\r\n                    <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>\r\n\r\n                        <Typography sx={{ fontSize: 18, color: '#D1D4C9' }}>{data.studentInfo.rating}</Typography>\r\n                        <Typography sx={{ fontSize: 14, color: '#D1D4C9', margin: 1 }}>Overall Rating</Typography>\r\n                        <Typography sx={{ fontSize: 18, color: '#D1D4C9' }}>{data.studentInfo.reviews}</Typography>\r\n                        <Typography sx={{ fontSize: 14, color: '#D1D4C9', margin: 1 }}>Reviews</Typography>\r\n                    </Box>\r\n                </Box>\r\n\r\n                <Box sx={{ display: 'flex', flexDirection: 'column' }}>\r\n                    <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>\r\n                        <Typography sx={{ fontSize: 24, color: '#D1D4C9' }}>{data.studentInfo.lastname + \",\" + data.studentInfo.firstname + \" \" + data.studentInfo.middlename}</Typography>\r\n                        <Typography sx={{ fontSize: 14, color: '#D1D4C9', margin: 1 }}>BSIT 4A</Typography>\r\n                    </Box>\r\n                    <TableContainer sx={{ marginTop: '32px' }}>\r\n                        <Table sx={{ maxWidth: 250 }}>\r\n                            <TableBody sx={{ '&:last-child td, &:last-child th': { border: 0, padding: 0 } }}>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Gender:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>{data.studentInfo.gender}</TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Birthday:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>{data.studentInfo.birthdate}</TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Address:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>{data.studentInfo.address}</TableCell>\r\n                                </TableRow>\r\n                                <TableRow>\r\n                                    <TableCell sx={classes.text}>Nickname:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>{data.studentInfo.nickname}</TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Skills/Language:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>{data.studentInfo.skills}</TableCell>\r\n                                </TableRow>\r\n                            </TableBody>\r\n                        </Table>\r\n                    </TableContainer>\r\n                    <Box sx={{ display: 'flex', flexDirection: 'row', marginTop: '35px', justifyContent: 'space-between' }}>\r\n                        <Link href={data.studentInfo.social_git} underline='none' sx={classes.links} >Github</Link>\r\n                        <Link href={data.studentInfo.social_fb} underline='none' sx={classes.links} >Facebook</Link>\r\n                        <Link href={data.studentInfo.social_linkedin} underline='none' sx={classes.links} >LinkedIn</Link>\r\n                        <Link href={data.studentInfo.social_twitter} underline='none' sx={classes.links} >Twitter</Link>\r\n                    </Box>\r\n                </Box>\r\n\r\n                <Box sx={{ display: 'flex', flexDirection: 'column', }}>\r\n                    <TableContainer>\r\n                        <Table sx={{ minWidth: 100, marginTop: 5 }}>\r\n                            <TableBody sx={{ '&:last-child td, &:last-child th': { border: 0, padding: 0 } }}>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Teamwork:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'><Box sx={{ borderRadius: '4px', backgroundColor: \"#26CE8D\", textAlign: 'center', margin: .2 }}>0.0</Box></TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Creativity:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'><Box sx={{ borderRadius: '4px', backgroundColor: \"#26CE8D\", textAlign: 'center', margin: .2 }}>0.0</Box></TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Adaptability:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'><Box sx={{ borderRadius: '4px', backgroundColor: \"#26CE8D\", textAlign: 'center', margin: .2 }}>0.0</Box></TableCell>\r\n                                </TableRow>\r\n                                <TableRow>\r\n                                    <TableCell sx={classes.text}>Leadership:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'><Box sx={{ borderRadius: '4px', backgroundColor: \"#26CE8D\", textAlign: 'center', margin: .2 }}>0.0</Box></TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Persuasion:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'><Box sx={{ borderRadius: '4px', backgroundColor: \"#26CE8D\", textAlign: 'center', margin: .2 }}>0.0</Box></TableCell>\r\n                                </TableRow>\r\n                            </TableBody>\r\n                        </Table>\r\n                    </TableContainer>\r\n                </Box>\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}\r\n","import { Card, Grid, Avatar, Box, Typography, Button, Collapse, TextField } from '@mui/material'\r\nimport React from 'react'\r\nimport StarRatings from 'react-star-ratings';\r\nimport ChatBubbleOutlineIcon from '@mui/icons-material/ChatBubbleOutline';\r\nimport ReportOutlinedIcon from '@mui/icons-material/ReportOutlined';\r\n\r\nexport default function Comment() {\r\n    const [checked, setChecked] = React.useState(false);\r\n\r\n    const handleChange = () => {\r\n        setChecked((prev) => !prev);\r\n    };\r\n    return (\r\n        <Grid sx={{padding: '30px'}}>\r\n            <Card sx={{ padding: 2, display: 'flex', flexDirection: 'row', justifyContent: 'center' }}>\r\n                <Avatar />\r\n                <Box sx={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\r\n                    <Typography sx={{ marginLeft: 1, fontSize: 16, color: '#D1D4C9' }}> Name </Typography>\r\n                    <Typography sx={{ marginLeft: 1, fontSize: 10, color: '#D1D4C9', display: 'block', textAlign: 'left', marginBottom: 3 }}> Time </Typography>\r\n\r\n                    <StarRatings\r\n                        rating={3}\r\n                        starRatedColor=\"#26CE8D\"\r\n                        // changeRating={changeRating}\r\n                        numberOfStars={5}\r\n                        starDimension=\"20px\"\r\n                        starSpacing=\"0px\"\r\n                        isSelectable=\"false\"\r\n                        starHoverColor=\"#26CE8D\"\r\n                        starEmptyColor=\"#696969\"\r\n                    />\r\n                    <Typography sx={{ fontSize: 12, color: '#D1D4C9' }}> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </Typography>\r\n\r\n                    <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>\r\n                        <Box component='span' sx={{ flexGrow: 1 }} />\r\n                        <Button onClick={handleChange}><ChatBubbleOutlineIcon sx={{ fontSize: 18 }} />\r\n                            <Typography sx={{ fontSize: 12, color: '#D1D4C9' }}>0 comments</Typography>\r\n                        </Button>\r\n                        <Button><ReportOutlinedIcon />\r\n                            <Typography sx={{ fontSize: 12, color: '#D1D4C9' }}>Report</Typography>\r\n                        </Button>\r\n                    </Box>\r\n                    <Collapse in={checked}>\r\n                        <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>\r\n                            <TextField\r\n                                id=\"outlined-multiline-static\"\r\n                                multiline\r\n                                rows={2}\r\n                                sx={{ width: 600 }}\r\n                            />\r\n                            <Button variant='contained' sx={{ textTransform: 'none', margin: 2, color: 'white', widh: '143px' }}>Submit</Button>\r\n                        </Box>\r\n                    </Collapse>\r\n                </Box>\r\n\r\n            </Card>\r\n        </Grid>\r\n    )\r\n}\r\n","import { Grid, Card, Typography, TableContainer, Table, TableBody, TableRow, TableCell, TextField, Button, Box, Collapse } from '@mui/material'\r\nimport React, { useState } from 'react'\r\nimport { useSelector } from 'react-redux';\r\nimport StarRatings from 'react-star-ratings';\r\nimport { auth } from '../../utils/firebase';\r\n\r\nconst classes = {\r\n    myCard: {\r\n        display: 'flex',\r\n        flexDirection: 'row',\r\n        width: 200,\r\n        height: 110,\r\n        padding: '6px',\r\n        margin: 1\r\n    },\r\n    avatar: {\r\n        margin: 1,\r\n        width: '150px',\r\n        height: '150px'\r\n    },\r\n    boxContainer: {\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        margin: 1\r\n    },\r\n    text: {\r\n        fontSize: 16,\r\n        color: 'white'\r\n    }\r\n}\r\nexport default function Rating() {\r\n    const [payload, setPayload] = useState({\r\n        teamwork: 0,\r\n        creativity: 0,\r\n        adaptability: 0,\r\n        leadership: 0,\r\n        persuasion: 0,\r\n        averageRating: 0\r\n    });\r\n    const [checked, setChecked] = React.useState(false);\r\n\r\n    const handleCheck = () => {\r\n        setChecked((prev) => !prev);\r\n    };\r\n    const changeRating = (prop) => (event) => {\r\n        setPayload({ ...payload, [prop]: event.target.value });\r\n    };\r\n    const user = useSelector((state) => state.user = auth.currentUser)\r\n\r\n    return (\r\n        <Grid sx={{\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n            marginTop: 2,\r\n        }}>\r\n            <Box onClick={handleCheck} sx={{\r\n                display: 'flex',\r\n                flexDirection: 'column',\r\n                alignItems: 'center',\r\n                marginTop: '57px'\r\n            }}>\r\n                <Typography sx={{ fontSize: 24, color: '#D1D4C9' }}> Add Your Rating </Typography>\r\n                <StarRatings\r\n                    rating={payload.averageRating}\r\n                    starRatedColor=\"#26CE8D\"\r\n                    // changeRating={changeRating}\r\n                    numberOfStars={5}\r\n                    starDimension=\"45px\"\r\n                    starSpacing=\"0px\"\r\n                    isSelectable=\"false\"\r\n                    starHoverColor=\"#26CE8D\"\r\n                    starEmptyColor=\"#696969\"\r\n                />\r\n            </Box>\r\n            <Collapse in={checked}>\r\n                <Card sx={{\r\n                    padding: 2, display: 'flex',\r\n                    flexDirection: 'column',\r\n                    alignItems: 'center',\r\n                    justifyContent: 'center',\r\n                    width: '400px',\r\n                    height: '500px'\r\n                }}>\r\n                    <Typography sx={{ fontSize: 18, color: '#D1D4C9' }}> Rating </Typography>\r\n                    <TableContainer>\r\n                        <Table sx={{ maxWidth: 390 }}>\r\n                            <TableBody sx={{ '&:last-child td, &:last-child th': { border: 0, padding: 0 } }}>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Teamwork:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>\r\n                                        <StarRatings\r\n                                            rating={payload.teamwork}\r\n                                            starRatedColor=\"#26CE8D\"\r\n                                            changeRating={changeRating}\r\n                                            numberOfStars={5}\r\n                                            starDimension=\"30px\"\r\n                                            starSpacing=\"0px\"\r\n                                            starHoverColor=\"#26CE8D\"\r\n                                            starEmptyColor=\"#696969\"\r\n                                        />\r\n                                    </TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Creativity:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>\r\n                                        <StarRatings\r\n                                            rating={payload.creativity}\r\n                                            starRatedColor=\"#26CE8D\"\r\n                                            changeRating={changeRating}\r\n                                            numberOfStars={5}\r\n                                            starDimension=\"30px\"\r\n                                            starSpacing=\"0px\"\r\n                                            starHoverColor=\"#26CE8D\"\r\n                                            starEmptyColor=\"#696969\"\r\n                                        />\r\n                                    </TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Adaptability:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>\r\n                                        <StarRatings\r\n                                            rating={payload.adaptability}\r\n                                            starRatedColor=\"#26CE8D\"\r\n                                            changeRating={changeRating}\r\n                                            numberOfStars={5}\r\n                                            starDimension=\"30px\"\r\n                                            starSpacing=\"0px\"\r\n                                            starHoverColor=\"#26CE8D\"\r\n                                            starEmptyColor=\"#696969\"\r\n                                        />\r\n                                    </TableCell>\r\n                                </TableRow>\r\n                                <TableRow>\r\n                                    <TableCell sx={classes.text}>Leadership:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>\r\n                                        <StarRatings\r\n                                            rating={payload.leadership}\r\n                                            starRatedColor=\"#26CE8D\"\r\n                                            changeRating={changeRating}\r\n                                            numberOfStars={5}\r\n                                            starDimension=\"30px\"\r\n                                            starSpacing=\"0px\"\r\n                                            starHoverColor=\"#26CE8D\"\r\n                                            starEmptyColor=\"#696969\"\r\n                                        />\r\n                                    </TableCell>\r\n                                </TableRow>\r\n                                <TableRow >\r\n                                    <TableCell sx={classes.text}>Persuasion:</TableCell>\r\n                                    <TableCell sx={classes.text} align='right'>\r\n                                        <StarRatings\r\n                                            rating={payload.persuasion}\r\n                                            starRatedColor=\"#26CE8D\"\r\n                                            changeRating={changeRating}\r\n                                            numberOfStars={5}\r\n                                            starDimension=\"30px\"\r\n                                            starSpacing=\"0px\"\r\n                                            starHoverColor=\"#26CE8D\"\r\n                                            starEmptyColor=\"#696969\"\r\n                                        />\r\n                                    </TableCell>\r\n                                </TableRow>\r\n                            </TableBody>\r\n                        </Table>\r\n                    </TableContainer>\r\n                    <Typography sx={{ fontSize: 14, color: '#D1D4C9', marginTop: 2 }}> Share us your thoughts! </Typography>\r\n                    <TextField\r\n                        id=\"outlined-multiline-static\"\r\n                        multiline\r\n                        rows={4}\r\n                        sx={{ width: 380 }}\r\n                    />\r\n                    <Button variant='contained' sx={{ textTransform: 'none', marginTop: 2, color: 'white', widh: '143px' }}>Submit</Button>\r\n                </Card>\r\n            </Collapse>\r\n        </Grid>\r\n    )\r\n}\r\n","import React from 'react'\r\nimport { Grid } from '@mui/material'\r\nimport Profile from '../components/studentEval/Profile'\r\nimport Comment from '../components/studentEval/Comment';\r\nimport Rating from '../components/studentEval/Rating';\r\nimport Header from '../components/Header';\r\n\r\nexport default function StudentEvaluation() {\r\n\r\n    return (\r\n        <>\r\n            <Header tabValue={\"two\"} />\r\n            <Grid sx={{\r\n                display: 'flex',\r\n                flexDirection: 'column',\r\n                alignItems: 'center',\r\n                minHeight: '100vh',\r\n                backgroundColor: (theme) => theme.palette.background.default\r\n            }}>\r\n                <Grid sx={{ width: { lg: '50%', xs: '100%' }, marginTop: '38px' }}>\r\n                    <Profile />\r\n                    <Rating />\r\n                    <Comment />\r\n                </Grid>\r\n            </Grid>\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect } from 'react'\r\nimport Footer from '../components/Footer';\r\nimport { Routes, Route, Navigate } from 'react-router';\r\nimport StudentList from './StudentList';\r\nimport StudentEvaluation from './StudentEvaluation';\r\nimport { useDispatch } from 'react-redux';\r\nimport { getStudentData } from '../redux/action/dataAction';\r\n\r\nexport default function Navigation() {\r\n    const dispatch = useDispatch()\r\n    useEffect(() => {\r\n        dispatch(getStudentData());\r\n    }, [dispatch])\r\n    return (\r\n        <>\r\n            <Routes>\r\n                <Route path=\"/\" element={<Navigate to=\"studentList\" />} />\r\n                <Route path=\"/studentList/\" element={<StudentList />} />\r\n                <Route path=\"/studentEvaluation/:id\" element={<StudentEvaluation />} />\r\n            </Routes>\r\n            <Footer />\r\n        </>\r\n    )\r\n}\r\n","import React from 'react'\nimport { ThemeProvider, createTheme } from '@mui/material'\nimport theme from './utils/theme'\nimport { Provider } from 'react-redux';\nimport store from './redux/store';\nimport Navigation from './pages/Navigation';\n\nexport default function App() {\n\n  const THEME = createTheme(theme);\n  return (\n    <Provider store={store}>\n      <ThemeProvider theme={THEME}>\n        <Navigation />\n      </ThemeProvider>\n    </Provider>\n  )\n}\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <BrowserRouter>\n      <App />\n    </BrowserRouter>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}