{"version":3,"sources":["img/bell.svg","img/navInbox.svg","img/media.svg","img/logo.png","img/user.svg","components/Navbar/Navbar.js","img/gear.svg","components/Homepage/components/HomepageHeader/HomepageHeader.js","img/announcement.svg","img/inbox.svg","img/dots.svg","components/Homepage/components/Inbox/Inbox.js","components/Homepage/components/Box1/Box1.js","img/settings.svg","img/theme.svg","img/company.svg","components/Homepage/components/ThemeSettings/ThemeSettings.js","img/applications.svg","img/pay.svg","img/career.svg","img/onboarding.svg","img/absence.svg","img/benefits.svg","img/talentAndPerformance.svg","img/expenses.svg","img/personalInfo.svg","img/opportunityGraph.svg","components/Homepage/components/Box2/BoxComponent.js","components/Homepage/components/Box2/DynamicIconComponent.js","components/Homepage/components/Box2/Box2.js","components/Homepage/Homepage.js","components/JobRequisition/Autocompete.js","components/global/PageTitle/PageTitle.js","components/JobRequisition/JobHeader.js","components/JobRequisition/SideBar.js","components/JobRequisition/Compensation.js","components/Paypage/Paypage.js","components/Paypage/components/Payslips/Payslips.js","components/Paypage/components/CompensationReview/CompensationReview.js","components/Paypage/components/BonusAndPaymentHistory/BonusAndPaymentHistory.js","components/Paypage/components/TaxDocument/TaxDocument.js","components/Careerpage/Careerpage.js","components/Careerpage/components/DevelopmentPlan/DevelopmentPlan.js","components/Careerpage/components/Education/Education.js","components/Careerpage/components/Certifications/Certifications.js","components/Careerpage/components/Competencies/Competencies.js","components/Careerpage/components/Referrals/Referrals.js","components/Careerpage/components/Referrals/CandidateData.js","components/Careerpage/components/Referrals/ReferralDynamicPage.js","components/Careerpage/components/Mentorship/Mentorship.js","components/JobRequisition/Job.js","components/JobRequisition/JobRequisition.js","components/JobRequisition/Recruitment.js","components/ExpenseReport/Expense.js","components/ExpenseReport/Expensepage.js","components/ExpenseReport/ExpenseLine.js","components/JobRequisition/JobProcess.js","components/JobRequisition/AssignedRoles.js","components/JobRequisition/Organisation.js","components/JobRequisition/JobInfo.js","components/JobRequisition/Attachment.js","img/health.svg","img/group.svg","img/links.svg","img/book.svg","img/stand.svg","img/workdayAssistant.svg","components/OnBoardingpage/components/OnboardingBoxContainer/Induction.js","components/OnBoardingpage/components/OnboardingBoxContainer/HelpfulContacts.js","components/OnBoardingpage/components/OnboardingBoxContainer/FromMyManager.js","components/OnBoardingpage/components/OnboardingBoxContainer/GettingStarted.js","img/laptop.svg","components/OnBoardingpage/components/OnboardingBoxContainer/OnboardingBoxContainer.js","components/OnBoardingpage/OnBoardingpage.js","data/colorCodes.js","components/Settingspage/Settingspage.js","components/CompanyNameSettings/CompanyNameSettings.js","components/Absencepage/Absencepage.js","components/Absencepage/components/RequestAbsence.js/Balances.js","components/Absencepage/components/RequestAbsence.js/RequestNext.js","components/Absencepage/components/RequestAbsence.js/RequestAbsence.js","components/Benefitspage/Benefitspage.js","components/Benefitspage/components/ChangeBenefits/ChangeBenefits.js","components/Benefitspage/components/BenefitElections/BenefitElections.js","components/TransferTeamMember/TransferForm.js","components/TransferTeamMember/TransferSidebar.js","components/TransferTeamMember/TransferHeader.js","components/TransferTeamMember/TransferJob.js","components/TransferTeamMember/TransferDetails.js","components/TransferTeamMember/TransferLocation.js","components/TransferTeamMember/TransferAttachment.js","components/TransferTeamMember/TransferCompensation.js","components/Create Requisition/Requisition.js","components/Create Requisition/CreateRequisition.js","components/Create Requisition/SearchCatalog.js","components/Create Requisition/Checkout.js","App.js","reportWebVitals.js","index.js"],"names":["useStyles","makeStyles","theme","grow","flexGrow","menuButton","marginRight","spacing","title","display","breakpoints","up","palette","primary","main","search","position","borderRadius","shape","backgroundColor","fade","common","white","marginLeft","width","searchIcon","padding","height","pointerEvents","alignItems","justifyContent","inputRoot","color","inputInput","paddingLeft","transition","transitions","create","sectionDesktop","sectionMobile","Navbar","props","history","useHistory","useTheme","classes","React","useState","anchorEl","setAnchorEl","mobileMoreAnchorEl","setMobileMoreAnchorEl","isMenuOpen","Boolean","isMobileMenuOpen","handleProfileMenuOpen","event","currentTarget","handleMobileMenuClose","handleMenuClose","menuId","renderMenu","Menu","anchorOrigin","vertical","horizontal","id","keepMounted","transformOrigin","open","onClose","MenuItem","onClick","mobileMenuId","renderMobileMenu","IconButton","aria-label","Badge","src","media","badgeContent","navInbox","bell","aria-controls","aria-haspopup","style","window","background","secondary","className","AppBar","Toolbar","Typography","variant","noWrap","push","logoImg","InputBase","placeholder","root","input","inputProps","HomepageHeader","setTitle","useEffect","localStorage","temp","getItem","setItem","Paper","gear","Inbox","inbox","alt","fontSize","dots","fontWeight","href","Box1","announcement","settingsArray","img","themeIcon","path","text","company","ThemeSettings","arr","length","settingLength","setSettingLength","useContext","AppContext","applicationArray","filteredArray","dynamicIcons","filteredDynamicIcons","useDrop","accept","drop","item","monitor","droppedElement","filter","app","every","a","collect","isOver","handleCloseClick","e","target","parentNode","document","getElementById","parentElement","err","console","log","marginTop","settings","ref","map","setting","textDecoration","to","contentEditable","spellCheck","BoxComponent","forwardRef","handleEditClick","appLength","setAppLength","useDrag","type","isDragging","opacity","drag","DynamicIconComponent","count","setCountLength","countLength","career","onboarding","absence","benefits","talentAndPerformance","expenses","personalInfo","opportunityGraph","createContext","styles","margin","closeButton","right","top","grey","DialogTitle","withStyles","children","other","disableTypography","DialogContent","MuiDialogContent","DialogActions","MuiDialogActions","appIdArray","dynamicIdArray","Box2","setCount","setArr","dynamicArr","setDynamicArr","setInput","boxRef","createRef","setOpen","handleClose","Provider","value","filtered","includes","applications","alignSelf","cursor","pay","Dialog","aria-labelledby","disableEnforceFocus","dividers","TextField","label","fullWidth","onChange","Button","autoFocus","current","Homepage","Autocompete","options","top100Films","option","firstLetter","toUpperCase","test","Autocomplete","sort","b","localeCompare","groupBy","getOptionLabel","sx","renderInput","params","year","PageTitle","back","selectedPath","JobHeader","class","SideBar","Box","Compensation","Paypage","StyledTableCell","head","action","hover","body","TableCell","StyledTableRow","TableRow","createData","paymentDate","startDate","endDate","grossAmount","netAmount","statement","rows","table","minWidth","Payslips","marginBottom","active","TableContainer","component","Table","TableHead","align","TableBody","row","name","CustomTableCell","unit","overflowX","scope","calories","fat","carbs","textAlign","createRow","date","amount","currency","BonusAndPaymentHistory","price","reduce","sum","i","colSpan","candidate","TaxDocument","Career","border","DevelopmentPlan","InputProps","endAdornment","InputAdornment","container","noValidate","defaultValue","InputLabelProps","shrink","bottom","Education","Certifications","competency","rating","Competencies","referredBy","referralDate","comments","application","applicationStage","Referrals","items","subtotal","CandidateData","description","address","phone","imagePath","ReferralDynamicPage","setCandidate","slug","location","pathname","split","selected","el","Mentorship","photo","worker","textField","Job","setValue","handleChange","FormControl","RadioGroup","FormControlLabel","control","Radio","InputLabel","Select","labelId","JobRequisition","Recruitment","FormGroup","Checkbox","defaultChecked","Expense","cols","Expensepage","maxWidth","ExpenseLine","boxShadow","textTransform","JobProcess","AssignedRoles","Organisation","JobInfo","Attachment","Induction","bgcolor","workdayAssistant","group","book","stand","health","HelpfulContacts","FromMyManager","GettingStarted","OnboardingBoxContainer","laptop","links","OnBoardingpage","colorCodes","modal","paper","flexDirection","shadows","Settingspage","colorObject","Context","modalTitle","setModalTitle","modalText","setModalText","setColor","Object","keys","key","handleColorChange","Modal","aria-describedby","closeAfterTransition","BackdropComponent","Backdrop","BackdropProps","timeout","Fade","in","CompanyNameSettings","setCompany","Absencepage","Balances","borderTop","RequestNext","RequestAbsence","state","dateContext","moment","today","showMonthPopup","showYearPopup","modalOpen","next","typeList","typeArray","from","selectedTypes","weekdays","weekdaysShort","months","handleModalOpen","setState","handleModalClose","format","month","daysInMonth","currentDate","get","currentDay","firstDayOfMonth","startOf","setMonth","monthNo","indexOf","assign","set","nextMonth","add","prevMonth","subtract","onSelectChange","data","SelectList","popup","onChangeMonth","MonthNav","showYearEditor","showYearNav","setYear","onYearChange","onKeyUpYear","which","YearNav","yearInput","onKeyUp","onDoubleClick","onDayClick","day","alert","handleTypeClick","handleSelectedType","innerText","handleDeleteType","filteredTypeArray","this","blanks","d","totalSlots","cells","forEach","insertRow","slice","trElems","displayYearList","cellSpacing","paddingBottom","borderBottom","disabled","Component","Benefitspage","ChangeBenefits","plan","coverageBeginDate","deductionBeginDate","coverage","calculatedCoverage","dependents","beneficiaries","employeeCost","employerContribution","BenefitElections","TransferForm","setDisabled","TransferHeader","TransferDetails","TransferAttachment","TransferCompensation","Requisition","CreateRequisition","SearchCatalog","classNam","Checkout","App","dark","setDark","createMuiTheme","themeColor","pathArray","listen","ThemeProvider","CssBaseline","exact","CompensationReview","Careerpage","TransferJob","TransferLocation","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","DndProvider","backend","HTML5Backend"],"mappings":"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","file":"static/js/main.7d93002e.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/bell.a58a366e.svg\";","export default __webpack_public_path__ + \"static/media/navInbox.9a6c9f01.svg\";","export default __webpack_public_path__ + \"static/media/media.823877d3.svg\";","export default __webpack_public_path__ + \"static/media/logo.2932fb79.png\";","export default __webpack_public_path__ + \"static/media/user.b6949c6f.svg\";","import React from 'react';\nimport { useHistory, Link } from 'react-router-dom'\nimport { fade, makeStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport Typography from '@material-ui/core/Typography';\nimport InputBase from '@material-ui/core/InputBase';\nimport Badge from '@material-ui/core/Badge';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Menu from '@material-ui/core/Menu';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport SearchIcon from '@material-ui/icons/Search';\nimport AccountCircle from '@material-ui/icons/AccountCircle';\nimport MailIcon from '@material-ui/icons/Mail';\nimport NotificationsIcon from '@material-ui/icons/Notifications';\nimport MoreIcon from '@material-ui/icons/MoreVert';\nimport Switch from '@material-ui/core/Switch'\nimport FormLabel from '@material-ui/core/FormLabel';\nimport WbSunnyIcon from '@material-ui/icons/WbSunny';\nimport Brightness3Icon from '@material-ui/icons/Brightness3';\nimport { useTheme } from '@material-ui/core/styles'\n\nimport bell from '../../img/bell.svg'\nimport navInbox from '../../img/navInbox.svg'\nimport media from '../../img/media.svg'\nimport user from '../../img/user.svg'\nimport logoImg from '../../img/logo.png'\n\nimport './Navbar.css'\n\nconst useStyles = makeStyles((theme) => ({\n  grow: {\n    flexGrow: 1,\n  },\n  menuButton: {\n    marginRight: theme.spacing(2),\n  },\n  title: {\n    display: 'none',\n    [theme.breakpoints.up('sm')]: {\n      display: 'block',\n    },\n    cursor: \"pointer\",\n    color: theme.palette.primary.main\n  },\n  search: {\n    position: 'relative',\n    borderRadius: theme.shape.borderRadius,\n    backgroundColor: fade(theme.palette.common.white, 0.15),\n    '&:hover': {\n      backgroundColor: fade(theme.palette.common.white, 0.25),\n    },\n    marginRight: theme.spacing(2),\n    marginLeft: 0,\n    width: '100%',\n    [theme.breakpoints.up('sm')]: {\n      marginLeft: theme.spacing(3),\n      width: 'auto',\n    },\n  },\n  searchIcon: {\n    padding: theme.spacing(0, 2),\n    height: '100%',\n    position: 'absolute',\n    pointerEvents: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  inputRoot: {\n    color: 'inherit',\n  },\n  inputInput: {\n    padding: theme.spacing(1, 1, 1, 0),\n    // vertical padding + font size from searchIcon\n    paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\n    transition: theme.transitions.create('width'),\n    width: '100%',\n    [theme.breakpoints.up('md')]: {\n      width: '20ch',\n    },\n  },\n  sectionDesktop: {\n    display: 'none',\n    [theme.breakpoints.up('md')]: {\n      display: 'flex',\n    },\n  },\n  sectionMobile: {\n    display: 'flex',\n    [theme.breakpoints.up('md')]: {\n      display: 'none',\n    },\n  },\n}));\n\nconst Navbar = (props) => {\n  const history = useHistory();\n  const theme = useTheme()\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = React.useState(null);\n  const [mobileMoreAnchorEl, setMobileMoreAnchorEl] = React.useState(null);\n\n  const isMenuOpen = Boolean(anchorEl);\n  const isMobileMenuOpen = Boolean(mobileMoreAnchorEl);\n\n  const handleProfileMenuOpen = (event) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleMobileMenuClose = () => {\n    setMobileMoreAnchorEl(null);\n  };\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n    handleMobileMenuClose();\n  };\n\n  const handleMobileMenuOpen = (event) => {\n    setMobileMoreAnchorEl(event.currentTarget);\n  };\n\n  const menuId = 'primary-search-account-menu';\n  const renderMenu = (\n    <Menu\n      anchorEl={anchorEl}\n      anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n      id={menuId}\n      keepMounted\n      transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n      open={isMenuOpen}\n      onClose={handleMenuClose}\n    >\n      <MenuItem onClick={handleMenuClose}>Profile</MenuItem>\n      <MenuItem onClick={handleMenuClose}>My account</MenuItem>\n    </Menu>\n  );\n\n  const mobileMenuId = 'primary-search-account-menu-mobile';\n  const renderMobileMenu = (\n    <Menu\n      anchorEl={mobileMoreAnchorEl}\n      anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n      id={mobileMenuId}\n      keepMounted\n      transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n      open={isMobileMenuOpen}\n      onClose={handleMobileMenuClose}\n    >\n      <MenuItem>\n        <IconButton aria-label=\"media\" color=\"inherit\">\n            <Badge color=\"secondary\">\n              {/* <MailIcon /> */}\n              <img src={media} />\n            </Badge>\n        </IconButton>\n      </MenuItem>\n      <MenuItem>\n        <IconButton aria-label=\"show  new mails\" color=\"inherit\">\n          <Badge badgeContent={1} color=\"secondary\">\n            {/* <MailIcon /> */}\n            <img src={navInbox} />\n          </Badge>\n        </IconButton>\n        <p>Messages</p>\n      </MenuItem>\n      <MenuItem>\n        <IconButton aria-label=\"show 1 new notifications\" color=\"inherit\">\n          <Badge badgeContent={1} color=\"secondary\">\n            {/* <NotificationsIcon /> */}\n            <img src={bell} />\n          </Badge>\n        </IconButton>\n        <p>Notifications</p>\n      </MenuItem>\n      <MenuItem onClick={handleProfileMenuOpen}>\n        <IconButton\n          aria-label=\"account of current user\"\n          aria-controls=\"primary-search-account-menu\"\n          aria-haspopup=\"true\"\n          color=\"inherit\"\n        >\n          <img \n            src=\"data:image/jpeg;base64,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\"\n            style={{width: \"30px\", height: \"30px\", borderRadius: \"50%\"}}\n          />\n        </IconButton>\n        <p>Profile</p>\n      </MenuItem>\n      <MenuItem>\n        <IconButton\n            aria-label=\"Log your time to Kronos\"\n            aria-controls={menuId}\n            aria-haspopup=\"true\"\n            onClick={() => window.open(\"https://apus.demo.kronos.com/wfcstatic/applications/navigator/html5/dist/container/index.html?version=8.1.7.1378#/\")}\n            color=\"inherit\"\n          >\n            <div style={{background: theme.palette.secondary.main}} className=\"kronos-btn\">Log time in Kronos</div>\n        </IconButton>\n      </MenuItem>\n      {/* <MenuItem\n        onClick={() => props.setDark(!props.dark)}\n      >\n        <IconButton\n          edge=\"end\"\n          aria-label=\"Theme Mode\"\n          color=\"inherit\"\n        >\n          {\n            props.dark ? <Brightness3Icon /> : <WbSunnyIcon />\n          }\n        </IconButton>\n        <p style={{marginLeft: \"10px\"}}>{props.dark ? \"Dark\" : \"Light\"}</p>\n      </MenuItem> */}\n    </Menu>\n  );\n\n  return (\n    <div className={classes.grow}>\n      <AppBar position=\"static\" color=\"default\">\n        <Toolbar>\n          {/* <IconButton\n            edge=\"start\"\n            className={classes.menuButton}\n            color=\"inherit\"\n            aria-label=\"open drawer\"\n          >\n            <MenuIcon />\n          </IconButton> */}\n          <Typography className={classes.title} variant=\"h6\" noWrap onClick={() => history.push('/')}>\n          <img\n            src={logoImg}\n            style={{width: \"30px\", height: \"35px\"}}\n          />\n          </Typography>\n          <div className={classes.search}>\n            <div className={classes.searchIcon}>\n              <SearchIcon />\n            </div>\n            <InputBase\n              placeholder=\"Search…\"\n              classes={{\n                root: classes.inputRoot,\n                input: classes.inputInput,\n              }}\n              inputProps={{ 'aria-label': 'search' }}\n            />\n          </div>\n          <div className={classes.grow} />\n          <div className={classes.sectionDesktop}>\n            <IconButton aria-label=\"media\" color=\"inherit\">\n              <img src={media} />\n            </IconButton>\n            <IconButton aria-label=\"show 1 new notifications\" color=\"inherit\">\n              <Badge badgeContent={1} color=\"secondary\">\n                {/* <NotificationsIcon /> */}\n                <img src={bell} />\n              </Badge>\n            </IconButton>\n            <IconButton aria-label=\"show 1 new mails\" color=\"inherit\">\n              <Badge badgeContent={1} color=\"secondary\">\n                {/* <MailIcon /> */}\n                <img src={navInbox} />\n              </Badge>\n            </IconButton>\n            <IconButton\n              aria-label=\"account of current user\"\n              aria-controls={menuId}\n              aria-haspopup=\"true\"\n              onClick={handleProfileMenuOpen}\n              color=\"inherit\"\n            >\n              <img \n                src=\"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUVFRgVFhUZGBgYGRgeGBwaGhgaGBgZGhgZGhoYGBgcIS4lHB8rHxgYJjgmKy8xNTU1GiQ7QDs0Py40NTEBDAwMEA8QHhISHjQrJSs0NDQ0NjQxNDQ2NDQ0NDQ0NDQ0NDE0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NP/AABEIAOEA4AMBIgACEQEDEQH/xAAcAAABBAMBAAAAAAAAAAAAAAAAAQMEBQIGBwj/xAA7EAACAQIDBQUFBgUFAQAAAAABAgADEQQhMQUGEkFRImFxgZEHMqGxwRNCUmLw8RQjcoLRM5KiwuGy/8QAGAEBAAMBAAAAAAAAAAAAAAAAAAECAwT/xAAkEQACAgIDAAIDAQEBAAAAAAAAAQIRITEDEkEiURMyYXHBBP/aAAwDAQACEQMRAD8A6vFiCLJICEWEAIQhACEWEAIQiQBYRCZrW8G+eGwwI4g7/hU5X6Fs8+4SHJLZKTejZoTkFbf/ABjvxhEROSvdV8bAhmPwmFX2g4k5fbAHpTRAPMuplPyr6LfjZ2OE43h/aNiQffDgalglielwo9BLRPaiwvxUkPgWFu4659wkrkQcWdQhNV3b3vXE2DIqMRfh487ciAQL+s2gVFPMeolk09FWqMxCAi2kkBCEIAQhCAEIQgBCEIAyIsQRYAsIQgBCEIAsIQgCEyNjcYlJC7sFUak/IDme6Vu2N4KeHUu5ubkIotdiNW8L5XnKd7N6alQks1uig5KDyHU9/wC0pKdYWy8Y2Xm9e+jVAyI32dOxvyZv6j/1GXWc2xe28z9kuf42zb+0HQSsxWKeqczlyEzoYe6lunzIlOvssl78Q29ZnJLszAC+Zy7h6x3DVLnPJcwAMuLK2dvH5SPUUhbdSJJ2agLcbZKv0zP66kS3hX0n8DcINrE5Io+6OZty8ZjRpm/DyX4nnJC17uWYZkZLyVR93xOQ8+6TMHg+Fcz22J/3fePlfh8Zm3RolZGTGMOyvLVrnLkAPTKSqeNrIQ3GQb31OXTLr4xE4ENlNzc9rLQZcQvz5DzMssBhEq5aDr5/E6/PWQ3QUbN43Y30YIqVQz5mz3u57rWzmz4Team5tYjOw0PrOdLglTtJy7A6WN7n0m37ExFCmo4TxHQ3AsdL/GI8jb2JQSRuatcXixjDVLqMrX5SROk5xIRYQAhCEAIQhAGIsQRYAsIkWAEBCEAJC21jPsaFSr+BCf11k2cy9r23HRFwykAPws3UgNkO4ZX9JDdIlGh7U26ajhmOSgXHULkv/vrNWx+KZ2uTleYYkktqb5/OXWxdhtUFyJk2o5ZrGLlhFPQTLTqPlYzNKjKpW33gfT9pv+G3bUDOx6iTE3apH7vSZPnRuuBnMqyllFhoT6XNo+lSygDkCx7zyHrYzpj7m02AtlI6biADXPpJ/MiPwNGhYNjk3P62Nj5a+nSS0xDcQtlYWHcBz9b+gm9YTcLq1hc3/wDP1zlnT3IpjXP6/CO1kdKOVsrEnUKcz4DRR+uZj1PH1EGRIJyA0sOZPTl6TrlPdOmNEHz/AEe+VW29y1YFkA0vYdZDk/USor7NVbbF6SUx7ztcn8oIJPd71vCbZu66kKXbMi47u8CcxxdJ6bsLZgkE9B0y0my7t49wQbE6Hnn66CQ0tkZ0dr2WijQknK5N7/8AktJS7Dxiuim9j0tYS5E6o6wc0tiwhCWKhCEIAQhCAMRYkBAFixIsAIQhACeefaVi2fG1gTfhcAdAFA7Py87z0KZ5t3vfjxFR7WLOxI/uOspJ6LRRTUqXEy9Wa3p+4nT9i4HgQDTITn27lHjroutjedfoUQBObl+jr4VixulQk2hh+6OUU7pLpob90wo6OwqUO6PpTF9I4gsIAiWoq5GJMVRMbzNDLxMpDgisIqjvgRNTM457RNmFMTxLo4BA7+kb3XcA3IOtiOncbzbvaZguKklT8DedtZTbMwoZlsLPkCR7rg6ef+T1lG/C9enS92FBTLO3UZi/0mwCVGwMCaSWJv06gdDLcTpiqijkm7YsIQlyoQhCAEIQgDEIkWALFiRYAQhCAE80bZJOIrAjR6mXMdtp6XnnbfrC/ZY/EqNOMsP77P8ANpnMvHYxuYlsUoPMH5TrSJOW7pLfFIe4/KdUqVVQcTGwE55K2dfHhDlNTJtJZSptuiDYuB45Swwe1aD24XU+BEqomjZYcMFj9MgjKNOM46lbGnbpHKRmFRZitZRqZZLJWTwTFMyUSOMWmvEPUTOhjEc2VgZpRkyl30ocdADrUS/gTNd2IgaogGhZB4EjO3mb+c2zew2oX/Mvzmt7tUx/E0+nGf8AjkCPSUa+Ra/idOUTOYiZTrOQIQhACEIQAhCEAjxYkBAFEWIIogCwhCAE4F7S8TxY+q1uyVThPJgBYsOuamd7c5HwPynFNr7P/icMXt20Z+E55rxHjH18RMuSVNI34uPtFteUVG4dPixfciE+psJte08JWxLkByqA2UZcuZ6yo9m+G/mV36BF+bH5ibvj8UKKFgLty8fLWZSq7NYK0ka6PZ9xjtVmB1FuXd4TLD7iGm4Za5sDpb10MgbT2pXfDmsKyIwazU2HE6rn2iGNjnw+6uQOp1lPsza9dqbOzKGS2i8DsSTkhQ5gAXPELZyWnVlk12r/AIdZ2RTNNArNxHqTc5SyIF/GaNsDbbVAGYsDzDLwnxH4vKbfgcRxmZqXheUXslVKJINsjNC2vuziHZmNfhudAT8p0ur7uU5xvPiKjv8AZdtE5vw3U66D7wmksGfHcrIOA3QbR8Vccgut+tyfpNhwO7zpa1Yt45HzI1mi7rUKxxBp1alRFsLFQEUWI4r9mxBF7eM6Ts1KiuQGL0xbhYpwFhzDKAAT0YAX5jnJSxZD20M70K/8G9zcqyZ87FgPrK3dlCKyvoqgljyGVh8WtNs2vhw9ConVG9QLj4iU+wsNw4d6hv29PBST8z8JDVSsrDNJ/ZuazKYoch4CZTpOYIQhBAQhCAEIQgEeAhCALFmMyEAWEIQBCOU5riMUlFHpaN2supLG/wATOlzle9OznGKNRbFUcF10PDfi+RmHNpM7P/JTbTH908EKSVQBb+YfIcC2HleXJQMbnO0iYCopqOF0dEcd4N1v/wARJyrMZGiWRx6FMjtIreIBlHtTCKclQDuAAHwly75ZSK6cRtM5SN4RrJSYLZZDgkzbdnOBlIDsq9gHtWv4STs+lbPnIjaZaVOJsz5r5TXsbs8XvqJeUAQM9IziUvOqStHFF9XgrsFTVbZD0EtFa8hoslJIiRJW7M3PZN+h+Ur9m1LE4dhmB8CJNrnID8TKPInP4XjeFwYaqa5vxHsgcgo5+clptqiYOKT7fWP9LpRFgIToOMIQhACEIQAhCEAjwhAQAEURIogCxYkWAE1reXD8LioB744W8V0+B+E2WN16KupVhcH9XHfKyj2VGnHLrKzmaVODG0gMlek6W/pa/wBZsZSQd7NjpQNCspZmFUoL2yVkc2y70XMyRgcUHW98+fpOWUawzrjJNtxHjT6CRMUpGksS4AlDtHbVNCbsBaZNHRGRY4dERDUZlC2zZiABnzJ0lpgOBwHQgqdCCCPUTku1t5uJioUMhOYbNb9eHQmbHsbe1KVHidLWA7K5A+XKXiqKSl2tJnSmxSLZC6hjopIBPgNTIGOfhzGg1mjVN90dwTRW1wFYgcQ059c5s1HbNKovvr4cwOpHKaOVmKj1yWlB7i8kiQ8CRbI3HKTbyY6KSeRis/8AMpr/AFt6Lb/tLSgOcpcCRUxLk58CADxZv8KJfqJrBXkxnLwcEICE0MghCEAIQhACEIQCNFmMUQBYAwhAFixIQDKESLAKLfOjxYV2/AyPy0Vhxa/lLTn1La7IoKkC7ZjmMrt4zrWJoh0dG0dWU+BFpwzadB6dRkdbOhZWtp4+dxMeWN5NuKVYNi29vAURQurC97cpoFMfbParXVeIk9prD1kzaeJLKBclmIHgL5/rvl3sDZlLhsyg31bp5zD9dnTH5P8AhHwewMM2f26sBbNWHnmTNgTY+CqqE0IAFwwN+WvlHE2JTvkyEd9pMo4CipzdLrn3yaR1RXGlsYw+7mGUqb+7zJB68jKbbmBoUSHTEIDe1iwv6TfNm4Wlwggq2WR+sXa2ApvTZeFSWFtLw4qrMZSjdIot0dqZ8DnM5g3yPIjxGU2THYog2FrZZ95nOt2KDUsSUc5LmufiLfG9pt+Mq2a5JIIsB1P7kZRF4MJ7Lzdyn/qvb3nC+SqNDzzJl6sh7Nw/BTROYGf9Rzb4kyYJ1QVI5ZO2ZiEBCWKhCEIAQhCAEIQgEWAiQghmUUTGF4JMoXiRYAoiiYiKIBlOZ+1XZfCyYlF1BFW35LFXPllfwnS5TbzoDTW4uOIgjqGU3HwlJfqXjmSPPeKxRV731At18vOXG7uJd3ABsO/x6CN76bG/h3Dpf7Njl+QnMKO7Iylw2J4Dk33STbW/0EyaUlg1i3GWTo+OOVlYHs5m/XKwA05+sokwNV3PE5A5WPXPTn4RnZGMLLnzOd+V+8yxo4khScsiL8zdf1aY00dSkmjaNiU/s1F3utjY5jMHO3T95I2jtFrHgGmt75db8NyOvxmuVtoBFCg8N7Em+ueY7zYkeEiDbdkBvkUA/MmTDhued/p3yVErJotKyk2qG6vcE3zB58siMwb5a6S33UR8TVDm5SjqeTPcFVBOoHveNprexKdTHM1GixWmpu9SwPADnZBzY38OfdOpbLwFPD00pU14UQWA1J6ljqSeZmkY0c8pWWizMSPTxC34TkR8ZIBnRFprBg01sWLEBhJIFhCEAIQhACEIQCHCEIAsIkIBlFBmEUm2ZgGYMJq23N98LhgwDio4HuIb2P5m0E5dV3wxOMrrTes6U6j2ZUPAvBn2bjPO2t5WUkkXjCTO51cdTS/E6i2uYv6TWtq7bWt2EHZBvxHUkZZDlrNfSiEUKihVGgAmdFbGckudvC0dUOFRy9ibVwS1qZRhfJrDXMqVB+M5vtzdapSZmp9teg94X7uY5TqDSFiR1+OcmM2hKCZynB7QZDmNCcumen66SY+2Gvcd3EOuVifHOb6+yMNUPbpLcjUC3ge+3fJeC3ZwoHAaQYZ5k9o+YtLdovwolJenMsTtd3AAueupJOWeWk2Ld3c3GYoDj/k0mJJYjtEKeScs+vTSdR2ZsTD080ooDzNhc9rivfrfOXS2AAGQ6S6pLBVtt5ImxdlU8LSWlSWyqMyc2Y82Y8zLNDIwMfRpAoYxCXJjX8RUA4Q5HQ2Bt6yU4jRTOZu07RoqaplBjd4MdhbvUopiaIzLUr06qr3oxYN5EeEt9397cNiqauG+yLG3BUKq972HOxvG9q1kp0Xd/dVGJ9JxWljWCgX95gQPFrmbQk3squFS/h6PBizkOxt662HIs3GnNGJIH9Dar8u6b7sre3DVrAt9m5+6+Qv3NoZrZnPhlH+mwwmKm+YzEWSYiwhCAQSYXiSHtLalHDpx1qioO85nuC6mCKJ15HxuOp0UL1HVFHNiB+853tv2knNcOgUcnfNj3hOXn6Tnu1NsVK7l3dnbqx08BoB4SvY1jxP06ftr2l0k7OHQufxv2U8QvvN8JzzbW9+Jr5vVPD+Beyn+0a+d5QtULDORmzFpF2aqMY6Q7Urm9icjGKdQowYHNSCPEG8xXMWgw6yCTr+xtopXpq41tmOhktpzDdrappNw3yP6M6Vh6wdAw5zi5IdWbxlaJd4zWpc48syK3ElEtFaq2lns1+JgD5SG65yZg1sb6SyZDRtFJcrR60i4V8pLJym1nPWRmSEMYXWPoJCJMpi7gC5mbZCaVvnt/wCyQqp7RlJOi0Y9nRQ+0TePjX+HQ9kntnqBnb5TS9nqGYE6KL+JIsPr6yBjcSztrct8usn0+wh7xc93QGa8aajk2VXjSJwqXN47TxRB6yHsolgTfSD1OJib5DIS5a/Tbdj7x1aNuCoQL+63aQ+R08pvmyt8qbgCqvA34h2k/wAj9Zzjb5AGZJj2RlIJA5yUzOcIy2j0RSqq4DKwYHQggj4RycU2fvDUoNcOVvoRoe5l0M3nZW/KOqmqpFzbiTMA/mXUeV5aznlwSWsmmbc9o9Zyww4FNMwGbtO3eBovxmh7Q2i9V+N3Z25ljc3+gkUNdLyOxzvKF0lHSHHftROLONuO0Jkw5wAmJUgzM6ZzJ1ygmiOUsZkVmYW4iFYIoYBIPeJve5u1w38tj4TRnXn+rR7A4lkdWXkbyk49kIumdrCZRaZkDYu01rU1YGTm1mFUbWYvRj1BORkjDU+KPNRtJSIsl4N5OZspT06nDJdGvxGWUjOUSfTWOrMV0kPGYsLzktpLJRJvCF2pjAiEk8pw7evahdyb63t4dZuW9+3gqG51yUc2PQf5nMVY1GLtpf8AYCViu8u3iN18V19YuGTQnVv/AJGp89JMxD5GN4c3uSNdO62gEerU+zc9J0ErRJwR4KHFzc2H1jHFa3iI9U7OHpnl2r+JtK9K12Ud48IJbqkXTsPSQ8eewD1MMTWzsOcZ2vUsqJ5wJPDLbEVP5SH8sTYWKJpOt9CGHkYxjmtSRb/dzkbd+pYVenDJ9DeUVeEzW3QkTBhr3TKjk5HI2MyrJYyDFaGaugPSPLmt40y5GO4Q3FoEdiOMpko7MxraTKgMoJ9Gli3isLGYmCAKxgjhPdHoFQRBFWTtj7Veg3Ehup95b5H/AAZ0HY23qdcABrPzU5MPDrOVEFTcZSQlY5Hpow5eeolZQUi0ZVs77sxJY4imLTjuxd+sThwAeCsn58m8nH1Bmzj2mUXWz0nQ93C49bg/CV6NIPLwX2LqWNo/gKmc0DG76USSVDnyt9ZDO/rKOxT82OXoJl1lejS41lnX6uKsMzOe7z75U6RKoftH6A9kH8x+k0nae8uLxFw1Qqv4V7C+Z1PmZVU6Ay5/Kafiv9il1+o5ia9Su5eo17+gHRR0jyrkABlyHLP5zJE7N+ZjoXTyE2SrCJSHUThVYuMa6rzzj2IGQ/b95EccTASS7+h/Hm1JVlLQPaEttoOeEDulOuRlTOeywonjqgX5xva1Xjq2GgsBHtje+W/CDIVLt1v7vrAb+P8ArLja75KOiiVmBq8KVSOYtJW2K1z4CV+FUsvANWZZYSfyEo+8P6R8xH8byiQlSvjGR7sywUISQti1tD+uUyoaGEJBL2Y1NfON8zCEECPpHF0hCAMVNJnhucISxA3T96Sh9TCEgRI1TUxynCEgBU94SQun66QhLFkTW+75RU94QhBf0mYrQSD9/wAvpEhBZ7Msfp5GUze9CEqZz2WOx9H/AKf8yLsj/VHjCEkj6JW1fejWxv8AUTxhCPQ/2P/Z\"\n                style={{width: \"30px\", height: \"30px\", borderRadius: \"50%\"}}\n              />\n            </IconButton>\n            <IconButton\n              aria-label=\"Log your time to Kronos\"\n              aria-controls={menuId}\n              aria-haspopup=\"true\"\n              onClick={() => window.open(\"https://apus.demo.kronos.com/wfcstatic/applications/navigator/html5/dist/container/index.html?version=8.1.7.1378#/\")}\n              color=\"inherit\"\n            >\n              <div style={{background: theme.palette.secondary.main}} className=\"kronos-btn\">Log time in Kronos</div>\n            </IconButton>\n            {/* <IconButton\n              edge=\"end\"\n              aria-label=\"Theme Mode\"\n              color=\"inherit\"\n            >\n              {\n                props.dark ? <Brightness3Icon onClick={() => props.setDark(!props.dark)} /> : <WbSunnyIcon onClick={() => props.setDark(!props.dark)} />\n              }\n            </IconButton> */}\n          </div>\n          <div className={classes.sectionMobile}>\n            <IconButton\n              aria-label=\"show more\"\n              aria-controls={mobileMenuId}\n              aria-haspopup=\"true\"\n              onClick={handleMobileMenuOpen}\n              color=\"inherit\"\n            >\n              <MoreIcon />\n            </IconButton>\n          </div>\n        </Toolbar>\n      </AppBar>\n      {renderMobileMenu}\n      {renderMenu}\n    </div>\n  );\n}\n\nexport default Navbar;","export default __webpack_public_path__ + \"static/media/gear.3e733d5d.svg\";","import React, { useEffect, useState } from 'react'\nimport { Paper } from '@material-ui/core'\n\nimport gear from '../../../../img/gear.svg'\nimport './HomepageHeader.css'\n\nconst HomepageHeader = () => {\n    const [title, setTitle] = useState('')\n\n    useEffect(() => {\n        if (!localStorage.title) {\n            localStorage.setItem('title', \"Brian Kaplan\")\n        } else {\n            let temp = localStorage.getItem('title')\n            setTitle(temp)\n        }\n    }, [title])\n\n    return (\n        <Paper className=\"homepageHeaderContainer\">\n            <h3 id=\"homepage-header-title\">Welcome, {title}</h3>\n            <img src={gear} />\n        </Paper>\n    )\n}\n\nexport default HomepageHeader;\n","export default __webpack_public_path__ + \"static/media/announcement.69296076.svg\";","export default __webpack_public_path__ + \"static/media/inbox.cbec7f99.svg\";","export default __webpack_public_path__ + \"static/media/dots.387d4b0a.svg\";","import React from 'react'\nimport AllInboxIcon from '@material-ui/icons/AllInbox';\nimport { Typography, Paper } from '@material-ui/core'\n\nimport inbox from '../../../../img/inbox.svg'\nimport dots from '../../../../img/dots.svg'\nimport './Inbox.css'\n\nconst Inbox = () => {\n    return (\n        <Paper className=\"inbox-container\">\n            <div className=\"inbox-wrapper\">\n                <div style={{display: \"flex\", width: \"100%\", \"marginBottom\": \"20px\"}}>\n                    <img src={inbox} alt=\"Inbox\" />\n                    <div style={{\"alignSelf\": \"center\", \"marginLeft\": \"6px\"}}>\n                        <h4>Inbox</h4>\n                        <p style={{fontSize:\"12px\", \"marginTop\": \"5px\"}}>1 item</p>\n                    </div>\n                    <img src={dots} className=\"inbox-more-icon\" />\n                </div>\n                <p style={{fontWeight: \"bold\"}}>Set Content: {localStorage.getItem('company')} Goal Setting Template: Offentse Sepeng</p>\n                <p>3 month(s) ag - Effective 2021/04/30</p>\n            </div>\n            <a href=\"#\"><Typography color=\"primary\">Go To Inbox</Typography></a>\n        </Paper>\n    )\n}\n\nexport default Inbox\n","import React from 'react'\nimport VolumeDownIcon from '@material-ui/icons/VolumeDown';\nimport { Paper, Typography } from '@material-ui/core'\n\nimport announcement from '../../../../img/announcement.svg'\n\nimport Inbox from '../Inbox/Inbox'\n\nimport './Box1.css'\n\nconst Box1 = () => {\n    return (\n        <div className=\"box1-main\">\n            <Paper className=\"box1-main-item\">\n            <div style={{display: \"flex\"}}>\n                <img src={announcement} alt=\"Announcements\" />\n                <div style={{\"alignSelf\": \"center\", \"marginLeft\": \"6px\"}}>\n                    <h4>Announcements</h4>\n                    <p style={{fontSize:\"12px\", \"marginTop\": \"5px\"}}>3 items</p>\n                </div>  \n            </div>\n            <div className=\"homepage-announcement-container\">\n                <div className=\"announcement-container\">\n                    <img src=\"https://cdn.pixabay.com/photo/2017/12/25/12/35/salary-3038325__340.jpg\" className=\"announcement-image\" />\n                    <div className=\"announcement-info\">\n                        <h5>Payroll Cut Off</h5>\n                        <Typography variant=\"caption\">Payroll is now closed for May.</Typography>\n                        <Typography variant=\"caption\">Next payroll cut off is on the 11th of June COB.</Typography>\n                    </div>\n                </div>\n                <div className=\"announcement-container\">\n                    <img src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZR7l69CS7umGUjorvIX0JaSg5YhpM87-RzA&usqp=CAU\" className=\"announcement-image\" />\n                    <div className=\"announcement-info\">\n                        <h5>User Guidelines and Manuals</h5>\n                        <Typography variant=\"caption\">\n                            For assistance in navigating through Altron OneTouch, \n                            please click here to view the user manuals and video...\n                        </Typography>\n                    </div>\n                </div>\n                <div className=\"announcement-container\">\n                    <img src=\"data:image/png;base64,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\" className=\"announcement-image\" />\n                    <div className=\"announcement-info\">\n                        <h5>{localStorage.getItem('company')} Assist - Employee Assistance Bot</h5>\n                        <Typography variant=\"caption\">Click here to access you virtual agent for assistance</Typography>\n                    </div>\n                </div>\n            </div>\n        </Paper>\n        <Inbox />\n        </div>\n    )\n}\n\nexport default Box1\n","export default __webpack_public_path__ + \"static/media/settings.2ad8e8d2.svg\";","export default __webpack_public_path__ + \"static/media/theme.4584cdc3.svg\";","export default __webpack_public_path__ + \"static/media/company.2325eb93.svg\";","import React, { useState, createRef, useContext} from 'react'\nimport { Link } from 'react-router-dom'\nimport {\n    Paper,\n    Typography\n} from '@material-ui/core'\nimport { useTheme } from '@material-ui/core/styles'\nimport { useDrop } from 'react-dnd'\nimport EditIcon from '@material-ui/icons/Edit';\nimport CancelIcon from '@material-ui/icons/Cancel';\n\nimport { AppContext } from '../Box2/Box2'\n\nimport settings from '../../../../img/settings.svg'\nimport themeIcon from '../../../../img/theme.svg'\nimport company from '../../../../img/company.svg'\n\nimport Draggable from 'react-draggable';\n\nimport './ThemeSettings.css'\n\nconst settingsArray = [\n    {\n        id: 'title',\n        img: themeIcon,\n        path: '/settings/theme',\n        text: 'Theme and Title'\n    }, \n    {\n        id: 'company',\n        img: company,\n        path: '/settings/company-name',\n        text: 'Company Name'\n    }\n]\n\nconst ThemeSettings = () => {\n    const [arr, setArr] = useState(settingsArray)\n    const theme = useTheme()\n    const ref = createRef()\n    const [settingLength, setSettingLength] = useState(arr.length)\n    const {\n        applicationArray, \n        filteredArray, \n        dynamicIcons, \n        filteredDynamicIcons,\n    } = useContext(AppContext)\n\n    const [{isOver}, drop] = useDrop(() => ({\n        accept: 'BOX',\n        drop: (item, monitor) => {\n            if(item.id === 'expenses' || item.id === 'personalInfo' || item.id === 'opportunityGraph') {\n                const droppedElement = dynamicIcons.filter(app => app.id === item.id)[0]\n                if(arr.every(a => a.id !== item.id)) {\n                    arr.push(droppedElement)\n                }\n                filteredDynamicIcons(item.id);\n                setSettingLength(arr.length)\n            } else {\n                const droppedElement = applicationArray.filter(app => app.id === item.id)[0]\n                if(arr.every(a => a.id !== item.id)) {\n                    arr.push(droppedElement)\n                }\n                filteredArray(item.id)\n                setSettingLength(arr.length)\n            }\n            \n        },\n        collect: (monitor) => ({\n            isOver: monitor.isOver(),\n            // canDrop: monitor.canDrop(),\n        }),\n    }))\n\n    const handleCloseClick = (e) => {\n        try {\n            let id = e.target.parentNode.id;\n            const el = document.getElementById(id).parentElement.parentElement\n            el.style.display = \"none\"\n            setSettingLength(settingLength - 1)\n        } catch (err) {\n            console.log(err)\n        }\n    }\n\n\n    return (\n        <Paper style={{padding: \"10px 20px\", marginTop: \"15px\"}}>\n            <div style={{display: \"flex\"}}>\n                <img src={settings} alt=\"Settings\" />\n                <div style={{\"alignSelf\": \"center\", \"marginLeft\": \"6px\"}}>\n                    <h4>Settings</h4>\n                    <p style={{fontSize:\"12px\", \"marginTop\": \"5px\"}}>{settingLength} items</p>\n                </div>\n            </div>\n            \n            <div \n                style={{background: isOver ? '#e0e0e0' : '#fff'}}\n                ref={drop}\n                className=\"homepage-icon-container\"\n            >\n                {\n                    arr.map(setting => {\n                        return (                       \n                            <div \n                                id={setting.id}\n                                className=\"icon-container\"\n                            >\n                                <div className=\"icon-overlay\">\n                                    <EditIcon id={`edit-icon-${setting.id}`} className=\"icon-overlay-icons\" />\n                                    <CancelIcon id={`cancel-icon-${setting.id}`} onClick={handleCloseClick} className=\"icon-overlay-icons\" />\n                                </div>\n                                <Link style={{textDecoration: \"none\"}} to={setting.path}>\n                                    <img src={setting.img} alt={setting.text} className=\"homepage-icon\" />\n                                </Link>\n                                <p \n                                    style={{\n                                        color: theme.palette.text.primary, \n                                        fontWeight: \"bold\",\n                                        fontSize: \"12px\",\n                                    }}\n                                    contentEditable\n                                    spellCheck = \"false\"\n                                >{setting.text}</p>\n                            </div>                 \n                        )\n                    }) \n                }\n            </div>\n            \n        </Paper>\n    )\n}\n\nexport default ThemeSettings\n","export default __webpack_public_path__ + \"static/media/applications.4ccdfb23.svg\";","export default __webpack_public_path__ + \"static/media/pay.276ad639.svg\";","export default __webpack_public_path__ + \"static/media/career.8dfa791d.svg\";","export default __webpack_public_path__ + \"static/media/onboarding.d72baab8.svg\";","export default __webpack_public_path__ + \"static/media/absence.87356aa4.svg\";","export default __webpack_public_path__ + \"static/media/benefits.2675b8fd.svg\";","export default __webpack_public_path__ + \"static/media/talentAndPerformance.1ec11fe6.svg\";","export default __webpack_public_path__ + \"static/media/expenses.bc4c07ad.svg\";","export default __webpack_public_path__ + \"static/media/personalInfo.533d9928.svg\";","export default __webpack_public_path__ + \"static/media/opportunityGraph.cc808bab.svg\";","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport { Paper, Typography } from '@material-ui/core'\nimport { useTheme } from '@material-ui/core/styles';\nimport { useDrag } from 'react-dnd'\n\nimport EditIcon from '@material-ui/icons/Edit';\nimport CancelIcon from '@material-ui/icons/Cancel';\n\nconst BoxComponent = React.forwardRef(({id, app, handleEditClick, appLength, setAppLength}, ref) => {\n    const theme = useTheme()\n\n    const [{ isDragging, opacity }, drag, dragPreview] = useDrag(() => ({\n        type: 'BOX',\n        item: () => ({\n            id: id\n        }),\n        collect: (monitor) => ({\n            isDragging: monitor.isDragging(),\n            opacity: monitor.isDragging() ? 0.4 : 1,\n        })\n    }))\n\n    const handleCloseClick = (e) => {\n        try {\n            let id = e.target.parentNode.id;\n            const el = document.getElementById(id).parentElement.parentElement\n            el.style.display = \"none\"\n            setAppLength(appLength - 1)\n        } catch (err) {\n            console.log(err)\n        }\n    }\n\n    return (\n\n        <div \n            id={id}\n            className=\"icon-container\"\n            ref={drag}\n        >\n            <div className=\"icon-overlay\">\n                <EditIcon id={`edit-icon-${id}`} onClick={handleEditClick} className=\"icon-overlay-icons\" />\n                <CancelIcon id={`cancel-icon-${id}`} onClick={handleCloseClick} className=\"icon-overlay-icons\" />\n            </div>\n            <Link style={{textDecoration: \"none\"}} to={app.path}>\n                <img src={app.img} alt={app.text} className=\"homepage-icon\" />\n            </Link>\n            <p \n                style={{\n                    color: theme.palette.text.primary, \n                    fontWeight: \"bold\",\n                    fontSize: \"12px\",\n                }}\n                contentEditable\n                spellCheck = \"false\"\n            >{app.text}</p>\n        </div>\n        // <Link key={app.id} ref={drag} to={app.path} className=\"icon-container\">\n        //     <img src={app.img} alt={app.text} className=\"homepage-icon\" />\n        //     <Typography variant=\"caption\" style={{color: theme.palette.text.primary, fontWeight: \"bold\"}}>{app.text}</Typography>\n        // </Link>\n    )\n})\n\nexport default BoxComponent\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport { Paper, Typography } from '@material-ui/core'\nimport { useTheme } from '@material-ui/core/styles';\nimport { useDrag } from 'react-dnd'\n\nimport EditIcon from '@material-ui/icons/Edit';\nimport CancelIcon from '@material-ui/icons/Cancel';\n\nconst DynamicIconComponent = React.forwardRef(({id, app, handleEditClick, count, setCountLength, countLength}, ref) => {\n    const theme = useTheme()\n\n    const [{ isDragging, opacity }, drag, dragPreview] = useDrag(() => ({\n        type: 'BOX',\n        item: () => ({\n            id: id\n        }),\n        collect: (monitor) => ({\n            isDragging: monitor.isDragging(),\n            opacity: monitor.isDragging() ? 0.4 : 1,\n        })\n    }))\n\n    const handleCloseClick = (e) => {\n        try {\n            let id = e.target.parentNode.id;\n            const el = document.getElementById(id).parentElement.parentElement\n            el.style.display = \"none\"\n            setCountLength(countLength - 1)\n        } catch (err) {\n            console.log(err)\n        }\n    }\n\n    return (\n\n        count > app.count && <div \n            id={id}\n            className=\"icon-container\"\n            ref={drag}\n        >\n            <div className=\"icon-overlay\">\n                <EditIcon id={`edit-icon-${id}`} onClick={handleEditClick} className=\"icon-overlay-icons\" />\n                <CancelIcon id={`cancel-icon-${id}`} onClick={handleCloseClick} className=\"icon-overlay-icons\" />\n            </div>\n            <Link style={{textDecoration: \"none\"}} to={app.path}>\n                <img src={app.img} alt={app.text} className=\"homepage-icon\" />\n            </Link>\n            <p \n                style={{\n                    color: theme.palette.text.primary, \n                    fontWeight: \"bold\",\n                    fontSize: \"12px\",\n                }}\n                contentEditable\n                spellCheck = \"false\"\n            >{app.text}</p>\n        </div>\n    )\n})\n\nexport default DynamicIconComponent\n","import React, { useState, useEffect, createContext } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useDrag } from 'react-dnd'\nimport ExtensionOutlinedIcon from '@material-ui/icons/ExtensionOutlined';\nimport AccountBalanceWalletIcon from '@material-ui/icons/AccountBalanceWallet';\nimport DeviceHubIcon from '@material-ui/icons/DeviceHub';\nimport MapIcon from '@material-ui/icons/Map';\nimport MeetingRoomIcon from '@material-ui/icons/MeetingRoom';\nimport SecurityIcon from '@material-ui/icons/Security';\nimport AccountBoxIcon from '@material-ui/icons/AccountBox';\nimport EditIcon from '@material-ui/icons/Edit';\nimport CancelIcon from '@material-ui/icons/Cancel';\nimport { \n    Paper, \n    Typography, \n    TextField, \n    Button, \n    Dialog,\n    IconButton\n} from '@material-ui/core'\nimport MuiDialogTitle from '@material-ui/core/DialogTitle';\nimport MuiDialogContent from '@material-ui/core/DialogContent';\nimport MuiDialogActions from '@material-ui/core/DialogActions';\nimport { withStyles, useTheme } from '@material-ui/core/styles';\nimport AddCircleIcon from '@material-ui/icons/AddCircle';\n\n\nimport ThemeSettings from '../ThemeSettings/ThemeSettings'\n\nimport applications from '../../../../img/applications.svg'\nimport pay from '../../../../img/pay.svg'\nimport career from '../../../../img/career.svg'\nimport onboarding from '../../../../img/onboarding.svg'\nimport absence from '../../../../img/absence.svg'\nimport benefits from '../../../../img/benefits.svg'\nimport talentAndPerformance from '../../../../img/talentAndPerformance.svg'\nimport expenses from '../../../../img/expenses.svg'\nimport personalInfo from '../../../../img/personalInfo.svg'\nimport opportunityGraph from '../../../../img/opportunityGraph.svg'\nimport BoxComponent from './BoxComponent';\nimport DynamicIconComponent from './DynamicIconComponent';\n\nimport CloseIcon from '@material-ui/icons/Close';\n\nimport './Box2.css'\n\nlet applicationArray = [\n    {\n        id: 'career',\n        img: career,\n        path: '/career',\n        text: 'Career'\n    },\n    {\n        id: 'onboarding',\n        img: onboarding,\n        path: '/onboarding',\n        text: 'Onboarding'\n    },\n    {\n        id: 'absence',\n        img: absence,\n        path: '/absence',\n        text: 'Absence'\n    },\n    {\n        id: 'benefits',\n        img: benefits,\n        path: '/benefits',\n        text: 'Benefits'\n    },\n    {\n        id: 'talent-and-performance',\n        img: talentAndPerformance,\n        path: '/',\n        text: 'Talent and Performance'\n    }\n\n]\n\nconst dynamicIcons = [\n    {\n        count: 0,\n        id: 'expenses',\n        img: expenses,\n        path: '/',\n        text: 'Expenses'\n    },\n    {   \n        count: 1,\n        id: 'personalInfo',\n        img: personalInfo,\n        path: '/',\n        text: 'Personal Information'\n    },\n    {\n        count: 2,\n        id: 'opportunityGraph',\n        img: opportunityGraph,\n        path: '/',\n        text: 'Opportunity Graph'\n    }\n]\n\nexport const AppContext = createContext()\n\nconst styles = (theme) => ({\n    root: {\n      margin: 0,\n      padding: theme.spacing(2),\n      width: \"500px\"\n    },\n    closeButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1),\n      color: theme.palette.grey[500],\n    },\n  });\n  \n  const DialogTitle = withStyles(styles)((props) => {\n    const { children, classes, onClose, ...other } = props;\n    return (\n      <MuiDialogTitle disableTypography className={classes.root} {...other}>\n        <Typography variant=\"h6\">{children}</Typography>\n        {onClose ? (\n          <IconButton aria-label=\"close\" className={classes.closeButton} onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        ) : null}\n      </MuiDialogTitle>\n    );\n  });\n  \n  const DialogContent = withStyles((theme) => ({\n    root: {\n      padding: theme.spacing(2),\n    },\n  }))(MuiDialogContent);\n  \n  const DialogActions = withStyles((theme) => ({\n    root: {\n      margin: 0,\n      padding: theme.spacing(1),\n    },\n  }))(MuiDialogActions);\n\n  const appIdArray = []\n  const dynamicIdArray = []\n\nconst Box2 = () => {\n    const theme = useTheme()\n    const [appLength, setAppLength] = useState(applicationArray.length)\n    const [count, setCount] = useState(0)\n    const [countLength, setCountLength] = useState(0)\n    const [arr, setArr] = useState(applicationArray)\n    const [dynamicArr, setDynamicArr] = useState(dynamicIcons)\n    const [input, setInput] = useState('')\n\n    const boxRef = React.createRef()\n\n    const [open, setOpen] = React.useState(false);\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n  const handleClose = () => {\n    setInput(\"\")\n    setOpen(false);\n  };\n\n  const handleChanges = () => {\n    if (input !== \"\") {\n        boxRef.current.className = input\n    }\n    setOpen(false);\n  }\n\n    const filteredArray = (id) => {\n        appIdArray.push(id);\n        let filtered = arr.filter(a => !(appIdArray.includes(a.id)))\n        setArr(filtered)\n        setAppLength(filtered.length)\n    }\n\n    const filteredDynamicIcons = (id) => {\n        dynamicIdArray.push(id);\n        let filtered = dynamicArr.filter(a => !(dynamicIdArray.includes(a.id)));\n        setDynamicArr(filtered)\n        setCountLength(countLength)\n    }\n\n    const handleCloseClick = (e) => {\n        try {\n            let id = e.target.parentNode.id;\n            const el = document.getElementById(id).parentElement.parentElement\n            el.style.display = \"none\"\n        } catch (err) {\n            console.log(err)\n        }\n    }\n\n    const handleEditClick = (e) => {\n        try {\n            // let id = e.target.id;\n            // const el = document.getElementById(id).parentElement.parentElement\n            // const child = el.querySelectorAll(\"p\")[0]\n            setOpen(!open)\n            // console.log(boxRef.current.id)\n            // boxRef.current.classList.remove(boxRef.current.className);\n        } catch (err) {\n            console.log(err)\n        }\n    }\n        return (\n            <AppContext.Provider value={{\n                    applicationArray: arr, \n                    filteredArray, \n                    filteredDynamicIcons,\n                    dynamicIcons: dynamicArr,\n                }}>\n                <div className=\"box2-main\">\n                    <Paper className=\"box2-main-item\">\n                        <div style={{display: \"flex\"}}>\n                            <img src={applications} alt=\"Applications\" />\n                            <div style={{\"alignSelf\": \"center\", \"marginLeft\": \"6px\"}}>\n                                <h4>Applications</h4>\n                                <p style={{fontSize:\"12px\", \"marginTop\": \"5px\", background: \"#fff\"}}>{appLength + 1 + countLength} items</p>\n                            </div>\n                            <AddCircleIcon  \n                                style={{\n                                    color: theme.palette.primary.main,\n                                    alignSelf: \"center\",\n                                    marginLeft: \"auto\",\n                                    fontSize: \"35px\",\n                                    cursor: \"pointer\"\n                                }}\n                                onClick={() => {setCount(count + 1); setCountLength(countLength + 1 )}}\n                            />\n                        </div>\n                        <div className=\"homepage-icon-container\">\n                            <div \n                                id='pay'\n                                className=\"icon-container\"\n                                ref={boxRef}\n                            >\n                                <div className=\"icon-overlay\">\n                                    <EditIcon id={`edit-icon-1`} onClick={handleEditClick} className=\"icon-overlay-icons\" />\n                                    <CancelIcon id={`cancel-icon-1`} onClick={handleCloseClick} className=\"icon-overlay-icons\" />\n                                </div>\n                                <Link style={{textDecoration: \"none\"}} to=\"/pay\">\n                                    <img src={pay} alt='Pay' className=\"homepage-icon\" />\n                                </Link>\n                                <p \n                                    style={{\n                                        color: theme.palette.text.primary, \n                                        fontWeight: \"bold\",\n                                        fontSize: \"12px\",\n                                    }}\n                                    contentEditable\n                                    spellCheck = \"false\"\n                                >Pay</p>\n                            </div>\n                            {\n                                arr.map(app => {\n                                    return <BoxComponent \n                                        key={app.id} \n                                        app={app} \n                                        id={app.id} \n                                        handleEditClick\n                                        ref={boxRef}\n                                        appLength={appLength}\n                                        setAppLength={setAppLength}\n                                    />\n                                })\n                            }\n                            {\n                                dynamicArr.map(app => {\n                                    return <DynamicIconComponent \n                                        key={app.id}  \n                                        app={app}\n                                        id={app.id}\n                                        handleEditClick\n                                        count={count}\n                                        countLength={countLength}\n                                        setCountLength={setCountLength}\n                                        ref={boxRef}\n                                    />\n                                })\n                            }\n\n                        </div>\n                    </Paper>\n                    <ThemeSettings />\n                </div>\n                <Dialog \n                    className={styles.root} \n                    onClose={handleClose} \n                    aria-labelledby=\"customized-dialog-title\" \n                    open={open}\n                    disableEnforceFocus\n                >\n                    <DialogTitle id=\"customized-dialog-title\" onClose={handleClose}>\n                    Add a ClassName\n                    </DialogTitle>\n                    <DialogContent dividers>\n                    <TextField \n                        id=\"outlined-basic\" \n                        label=\"ClassName\" \n                        variant=\"outlined\" \n                        fullWidth\n                        value={input}\n                        onChange={(e) => setInput(e.target.value)}\n                    />\n                    \n                    </DialogContent>\n                    <DialogActions>\n                    <Button autoFocus onClick={handleChanges} color=\"primary\">\n                        Save changes\n                    </Button>\n                    </DialogActions>\n                </Dialog>\n            </AppContext.Provider>\n        )\n}\n\nexport default Box2\n","import React from 'react'\nimport HomepageHeader from './components/HomepageHeader/HomepageHeader'\nimport Box1 from './components/Box1/Box1'\nimport Box2 from './components/Box2/Box2'\n\nimport './Homepage.css'\n\nconst Homepage = (props) => {\n\n    return (\n        <div style={{position: \"relative\"}}>\n            <div id=\"homepage-background\"></div>\n            <div className=\"homepage-box-container\">\n                <HomepageHeader />\n                <div className=\"homepage-boxes\">\n                    <Box1 />\n                    <Box2 />\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Homepage\n","import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\n\nexport default function Autocompete() {\n  const options = top100Films.map((option) => {\n    const firstLetter = option.title[0].toUpperCase();\n    return {\n      firstLetter: /[0-9]/.test(firstLetter) ? '0-9' : firstLetter,\n      ...option,\n    };\n  });\n\n  return (\n    <Autocomplete\n      id=\"grouped-demo\"\n      options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}\n      groupBy={(option) => option.firstLetter}\n      getOptionLabel={(option) => option.title}\n      sx={{ width: 300 }}\n      renderInput={(params) => <TextField {...params} label=\"With categories\" />}\n    />\n  );\n}\n\n// Top 100 films as rated by IMDb users. http://www.imdb.com/chart/top\nconst top100Films = [\n  { title: 'The Shawshank Redemption', year: 1994 },\n  { title: 'The Godfather', year: 1972 },\n  { title: 'The Godfather: Part II', year: 1974 },\n  { title: 'The Dark Knight', year: 2008 },\n  { title: '12 Angry Men', year: 1957 },\n  { title: \"Schindler's List\", year: 1993 },\n  { title: 'Pulp Fiction', year: 1994 },\n  {\n    title: 'The Lord of the Rings: The Return of the King',\n    year: 2003,\n  },\n  { title: 'The Good, the Bad and the Ugly', year: 1966 },\n  { title: 'Fight Club', year: 1999 },\n  {\n    title: 'The Lord of the Rings: The Fellowship of the Ring',\n    year: 2001,\n  },\n  {\n    title: 'Star Wars: Episode V - The Empire Strikes Back',\n    year: 1980,\n  },\n  { title: 'Forrest Gump', year: 1994 },\n  { title: 'Inception', year: 2010 },\n  {\n    title: 'The Lord of the Rings: The Two Towers',\n    year: 2002,\n  },\n  { title: \"One Flew Over the Cuckoo's Nest\", year: 1975 },\n  { title: 'Goodfellas', year: 1990 },\n  { title: 'The Matrix', year: 1999 },\n  { title: 'Seven Samurai', year: 1954 },\n  {\n    title: 'Star Wars: Episode IV - A New Hope',\n    year: 1977,\n  },\n  { title: 'City of God', year: 2002 },\n  { title: 'Se7en', year: 1995 },\n  { title: 'The Silence of the Lambs', year: 1991 },\n  { title: \"It's a Wonderful Life\", year: 1946 },\n  { title: 'Life Is Beautiful', year: 1997 },\n  { title: 'The Usual Suspects', year: 1995 },\n  { title: 'Léon: The Professional', year: 1994 },\n  { title: 'Spirited Away', year: 2001 },\n  { title: 'Saving Private Ryan', year: 1998 },\n  { title: 'Once Upon a Time in the West', year: 1968 },\n  { title: 'American History X', year: 1998 },\n  { title: 'Interstellar', year: 2014 },\n  { title: 'Casablanca', year: 1942 },\n  { title: 'City Lights', year: 1931 },\n  { title: 'Psycho', year: 1960 },\n  { title: 'The Green Mile', year: 1999 },\n  { title: 'The Intouchables', year: 2011 },\n  { title: 'Modern Times', year: 1936 },\n  { title: 'Raiders of the Lost Ark', year: 1981 },\n  { title: 'Rear Window', year: 1954 },\n  { title: 'The Pianist', year: 2002 },\n  { title: 'The Departed', year: 2006 },\n  { title: 'Terminator 2: Judgment Day', year: 1991 },\n  { title: 'Back to the Future', year: 1985 },\n  { title: 'Whiplash', year: 2014 },\n  { title: 'Gladiator', year: 2000 },\n  { title: 'Memento', year: 2000 },\n  { title: 'The Prestige', year: 2006 },\n  { title: 'The Lion King', year: 1994 },\n  { title: 'Apocalypse Now', year: 1979 },\n  { title: 'Alien', year: 1979 },\n  { title: 'Sunset Boulevard', year: 1950 },\n  {\n    title: 'Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb',\n    year: 1964,\n  },\n  { title: 'The Great Dictator', year: 1940 },\n  { title: 'Cinema Paradiso', year: 1988 },\n  { title: 'The Lives of Others', year: 2006 },\n  { title: 'Grave of the Fireflies', year: 1988 },\n  { title: 'Paths of Glory', year: 1957 },\n  { title: 'Django Unchained', year: 2012 },\n  { title: 'The Shining', year: 1980 },\n  { title: 'WALL·E', year: 2008 },\n  { title: 'American Beauty', year: 1999 },\n  { title: 'The Dark Knight Rises', year: 2012 },\n  { title: 'Princess Mononoke', year: 1997 },\n  { title: 'Aliens', year: 1986 },\n  { title: 'Oldboy', year: 2003 },\n  { title: 'Once Upon a Time in America', year: 1984 },\n  { title: 'Witness for the Prosecution', year: 1957 },\n  { title: 'Das Boot', year: 1981 },\n  { title: 'Citizen Kane', year: 1941 },\n  { title: 'North by Northwest', year: 1959 },\n  { title: 'Vertigo', year: 1958 },\n  {\n    title: 'Star Wars: Episode VI - Return of the Jedi',\n    year: 1983,\n  },\n  { title: 'Reservoir Dogs', year: 1992 },\n  { title: 'Braveheart', year: 1995 },\n  { title: 'M', year: 1931 },\n  { title: 'Requiem for a Dream', year: 2000 },\n  { title: 'Amélie', year: 2001 },\n  { title: 'A Clockwork Orange', year: 1971 },\n  { title: 'Like Stars on Earth', year: 2007 },\n  { title: 'Taxi Driver', year: 1976 },\n  { title: 'Lawrence of Arabia', year: 1962 },\n  { title: 'Double Indemnity', year: 1944 },\n  {\n    title: 'Eternal Sunshine of the Spotless Mind',\n    year: 2004,\n  },\n  { title: 'Amadeus', year: 1984 },\n  { title: 'To Kill a Mockingbird', year: 1962 },\n  { title: 'Toy Story 3', year: 2010 },\n  { title: 'Logan', year: 2017 },\n  { title: 'Full Metal Jacket', year: 1987 },\n  { title: 'Dangal', year: 2016 },\n  { title: 'The Sting', year: 1973 },\n  { title: '2001: A Space Odyssey', year: 1968 },\n  { title: \"Singin' in the Rain\", year: 1952 },\n  { title: 'Toy Story', year: 1995 },\n  { title: 'Bicycle Thieves', year: 1948 },\n  { title: 'The Kid', year: 1921 },\n  { title: 'Inglourious Basterds', year: 2009 },\n  { title: 'Snatch', year: 2000 },\n  { title: '3 Idiots', year: 2009 },\n  { title: 'Monty Python and the Holy Grail', year: 1975 },\n];","import React from 'react'\nimport {useHistory} from 'react-router-dom'\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport { useTheme } from '@material-ui/core/styles'\n\nimport './PageTitle.css'\n\nconst PageTitle = ({title, back, path}) => {\n    const history = useHistory()\n    const theme = useTheme();\n    let selectedPath = '/';\n    if (path) {\n        selectedPath = path\n    }\n    return (\n        <div className=\"page-title-container\" style={{background: theme.palette.primary.main}}>\n            {\n                back && <ArrowBackIcon className=\"arrow-icon\" onClick={() => history.push(selectedPath)} />\n            }\n            <h2>{title}</h2>\n        </div>\n    )\n}\n\nexport default PageTitle\n","import React from 'react'\nimport './JobHeader.css'\nimport PageTitle from '../global/PageTitle/PageTitle'\nexport default function JobHeader() {\n  return (\n    <div class =\"jobHeader\">\n       <PageTitle title=\"Create Job Requisition\" />\n      <div className=\"header-content\">\n      Please <a className=\"job-header-link\" href=\"#\">click here</a>{\" \"}\n      <span class=\"hgl\">\n        to see user guide on How to Create a Job Requisition.\n      </span>{\" \"}\n      To monitor progress and see candidates for your requisition. To monitor\n      progress and see candidates for your requisition(s),{\" \"}\n       use the <span class=\"hgl\"> Recruiting tab of the Manager Dashboard.</span> There are\n      additional resources on the <a className=\"job-header-link\"href=\"#\">Workday Resources page </a> for general\n      navigation and other helpful user guides. <br/>\n      <br/>\n      <span class=\"hgl\">The copy Details from Existing\n      Requisition</span>  function has been disabled. please do not select <span class=\"hgl\"> Copy Details\n      from Existing Requisition </span>\n      </div>\n      <br/><br></br>\n      <hr/><br/>\n    </div>\n  )\n}","import React from 'react'\nimport './SideBar.css'\nimport {\n    Paper,\n    Typography,\n    Box\n} from '@material-ui/core'\nimport { NavLink,Link } from 'react-router-dom'\n\nexport default function SideBar() {\n  return (\n\n    <div class =\"SideBar\">\n     <Box className=\"side-box\">\n                            <Link to=\"#\" className=\"Start-link\">Start</Link>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/rec\" \n                           \n                            className=\"Rec-info-link\"\n                            >Recruiting Information</NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            \n                            <NavLink to=\"/JobInfo\"\n\n                             className=\"Job-info-link\"\n                             >Job\n                            </NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/org\" className=\"Org-link\">Organisations</NavLink>\n                        </Box>\n                        \n                        <Box className=\"side-box\">\n                            <NavLink to=\"/att\" className=\"Att-link\">Attachments</NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/compensation\" className=\"Comp-link\">compensation</NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/assignedroles\" className=\"Ass-role-link\">Assigned Roles</NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/summary\" className=\"summ-link\">Summary</NavLink>\n                        </Box>\n\n    </div>\n  )\n}\n\n","import React from 'react'\nimport './Attachment.css'\nimport './JobProcess.css';\nimport { Link } from 'react-router-dom'\nimport Autocompete from './Autocompete'\nimport JobHeader from './JobHeader'\nimport SideBar from './SideBar'\nimport './Compensation.css'\nexport default function Compensation() {\n  return (\n<>\n<JobHeader/>\n<div class =\"jobProcess\">\n  <SideBar/>\n  <div class =\"compensation\">\n    <h1>Compensation</h1>\n       <div className='total-base-pay'>\n       <h2>Total Base Pay</h2>\n       Total Base Pay\n       <br/>\n       0.00 USD Annual added\n       </div>\n       <div className='guidelines'>\n        <h2>Guidelines</h2><br/>\n        <div className='Guide-h'> \n        <h4>Total Base Pay Range</h4>\n        </div>\n        <br/>\n        <div className='Guide-l'><ul><li>88400.00 - 123,800.00- 159,200.00 USD Annual added</li></ul></div>\n        <div className='Guide-h'>  <h4>Compensation Package</h4></div> \n        <div className='Guide-l'><ul><li>Varian Compensation Package added</li></ul></div>\n        <div className='Guide-h'>  <h4>Grade</h4></div>\n        <div className='Guide-l'><ul><li>Compensation Grade added</li></ul></div>\n        <div className='Guide-h'>  <h4>Grade Profile</h4></div> \n          <div className='Guide-l'><ul><li> USA-A-G12 added</li></ul></div>\n        <div className='Guide-h'><h4>Step</h4></div> \n        (empty)\n        <div className='Guide-h'><h4>Progression Start Date</h4></div>\n        (empty)\\</div>\n        <div className='salary'>\n          <h1>Salary</h1>\n          <div className='Guide-h'>  <h4> Assignment Details </h4></div>\n          <div className='Guide-l'><ul><li> 0.00 USD Annual added</li></ul></div>\n          <div className='Guide-h'>  <h4> Plan Name </h4></div>\n          <div className='Guide-l'><ul><li>Salary Plan added</li></ul></div>\n          <div className='Guide-h'>  <h4> Effective Date</h4></div>\n          <div className='Guide-l'><ul><li> 07/15/2021 added</li></ul></div>\n          <div className='Guide-h'>  <h4> Compensation Plan </h4></div>\n        Salary Plan\n        <div className='Guide-h'>  <h4>Total Base Pay Range </h4></div>\n        <div className='Guide-h'>  <h4> Apply Fte%</h4></div>\n        <div className='Guide-l'>Yes</div>\n<div className='Guide-h'><h4>Amount<span className=\"mandatory\">*</span></h4></div>\n       <input type='number' className='input-amount'/>\n       </div>\n        \n        <div className='Period-salary'>\n        <h1>Period Salary</h1>\n        <button className='Add'>Add</button>\n          </div>\n          <div className='Allowance'>\n        <h1>Allowance</h1>\n        <button className='Add'>Add</button>\n          </div>\n          <div className='Bonus'>\n            <h1>Bonus</h1>\n        <h4>Assignment Details</h4>\n        <div className='Guide-l'><ul><li>10% Annual added</li></ul></div>\n        <div className='Guide-h'>  <h4> Plan Name</h4></div>\n        <div className='Guide-l'><ul><li>Varian Performance Icentive Plan (VPIP) added</li></ul></div>\n\n        <div className='Guide-h'>  <h4> Effective Date</h4></div>\n        <div className='Guide-l'><ul><li>07/15/2021 added</li></ul></div>\n          </div>\n\n        </div>\n        </div>\n        <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n    <button className='next-btn'>Next</button>\n    \n        </div>\n   \n    </>\n  )\n}\n\n","import React from 'react'\nimport {\n    Paper,\n    Typography,\n    Box\n} from '@material-ui/core'\nimport { Link } from 'react-router-dom'\nimport PageTitle from '../global/PageTitle/PageTitle'\n\nimport './Paypage.css'\n\nconst Paypage = () => {\n    return (\n        <div>\n            <PageTitle title=\"Pay\" back />\n            <Paper className=\"pay-container\">\n                <Typography>View</Typography>\n                <Box className=\"pay-box\">\n                    <Link to=\"/pay/payslips\" className=\"pay-link\">Payslips</Link>\n                </Box>\n                <Box className=\"pay-box\">\n                    <Link to=\"#\" className=\"pay-link\">Total Rewards</Link>\n                </Box>\n                <Box className=\"pay-box\">\n                    <Link to=\"/pay/compensation\" className=\"pay-link\">Compensation Review Statement History</Link>\n                </Box>\n                <Box className=\"pay-box\">\n                    <Link to=\"/pay/bonus-and-one-time-payment-history\" className=\"pay-link\">Bonus & One-Time Payment History</Link>\n                </Box>\n                <Box className=\"pay-box\">\n                    <Link to=\"/pay/tax-document\" className=\"pay-link\">My Tax Documents</Link>\n                </Box>\n            </Paper>\n        </div>\n    )\n}\n\nexport default Paypage\n","/* eslint-disable jsx-a11y/alt-text */\nimport React from 'react';\nimport { withStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './Payslips.css'\n\nconst StyledTableCell = withStyles((theme) => ({\n  head: {\n    backgroundColor: theme.palette.action.hover,\n    // color: theme.palette.common.black,\n    fontWeight: \"bold\"\n  },\n  body: {\n    fontSize: 14,\n  },\n}))(TableCell);\n\nconst StyledTableRow = withStyles((theme) => ({\n  // root: {\n  //   '&:nth-of-type(odd)': {\n  //     backgroundColor: theme.palette.action.hover,\n  //   },\n  // },\n}))(TableRow);\n\nfunction createData(paymentDate, startDate, endDate, company, grossAmount, netAmount, statement) {\n  return { paymentDate, startDate, endDate, company, grossAmount, netAmount, statement };\n}\n\nconst rows = [\n  createData('2021/05/31', '2021/05/01', '2021/05/31', 'ZA Payroll Company', '$ 41,572.49', '$ 24,686.81'),\n  createData('2021/05/31', '2021/05/01', '2021/05/31', 'ZA Payroll Company', '$ 41,572.49', '$ 24,686.81'),\n  createData('2021/05/31', '2021/05/01', '2021/05/31', 'ZA Payroll Company', '$ 41,572.49', '$ 24,686.81'),\n  createData('2021/05/31', '2021/05/01', '2021/05/31', 'ZA Payroll Company', '$ 41,572.49', '$ 24,686.81'),\n  createData('2021/05/31', '2021/05/01', '2021/05/31', 'ZA Payroll Company', '$ 41,572.49', '$ 24,686.81'),\n];\n\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 700,\n  },\n});\n\nconst Payslips = () => {\n  const classes = useStyles();\n  const theme = useTheme()\n  \n  return (\n    <div>\n    <PageTitle title=\" My Payslips\" />\n    <div className=\"payslips-main\">\n        <Typography variant=\"subtitle2\" style={{fontWeight: \"bold\", marginBottom: \"8px\"}}>External Payslips <span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n        <TableContainer component={Paper}>\n        <Table className={classes.table} aria-label=\"customized table\">\n            <TableHead>\n            <TableRow>\n                <StyledTableCell>Payment Date</StyledTableCell>\n                <StyledTableCell align=\"left\">Period Start Date</StyledTableCell>\n                <StyledTableCell align=\"left\">Period End Date</StyledTableCell>\n                <StyledTableCell align=\"left\">Company</StyledTableCell>\n                <StyledTableCell align=\"right\">Gross Amount</StyledTableCell>\n                <StyledTableCell align=\"right\">Net Amount</StyledTableCell>\n                <StyledTableCell align=\"left\">View Statement</StyledTableCell>\n            </TableRow>\n            </TableHead>\n            <TableBody>\n            {rows.map((row) => (\n                <StyledTableRow key={row.name}>\n                    <StyledTableCell align=\"left\">{row.paymentDate}</StyledTableCell>\n                    <StyledTableCell align=\"left\">{row.startDate}</StyledTableCell>\n                    <StyledTableCell align=\"left\">{row.endDate}</StyledTableCell>\n                    <StyledTableCell align=\"left\" style={{color: theme.palette.primary.main}}>{row.company}</StyledTableCell>\n                    <StyledTableCell align=\"right\">{row.grossAmount}</StyledTableCell>\n                    <StyledTableCell align=\"right\">{row.netAmount}</StyledTableCell>\n                    <StyledTableCell align=\"left\">\n                        <div style={{display: \"flex\"}}>\n                            <img \n                                src=\"https://cdn3.iconfinder.com/data/icons/muksis/128/pdf-512.png\"\n                                className=\"payslips-pdf-icon\"\n                            />\n                            <Typography variant=\"caption\" color=\"primary\" style={{marginLeft: \"12px\"}}>21695_May.pdf</Typography>\n                        </div>\n                    </StyledTableCell>\n                </StyledTableRow>\n            ))}\n            </TableBody>\n        </Table>\n        </TableContainer>\n    </div>\n    </div>\n  );\n}\n\nexport default Payslips","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles, useTheme } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './CompensationReview.css'\n\nconst CustomTableCell = withStyles(theme => ({\n  head: {\n    backgroundColor: theme.palette.action.hover,\n    // color: theme.palette.common.black,\n    fontWeight: \"bold\"\n  },\n  body: {\n    fontSize: 14,\n  },\n}))(TableCell);\n\nconst styles = theme => ({\n  root: {\n    width: '100%',\n    marginTop: theme.spacing.unit * 1,\n    overflowX: 'auto',\n  },\n  table: {\n    minWidth: 700,\n  },\n  // row: {\n  //   '&:nth-of-type(odd)': {\n  //     backgroundColor: theme.palette.background.default,\n  //   },\n  // },\n});\n\nlet id = 0;\nfunction createData(name, calories, fat, carbs) {\n  id += 1;\n  return { id, name, calories, fat, carbs};\n}\n\n// const rows = [\n//   createData('Frozen yoghurt', 159, 6.0, 24),\n//   createData('Ice cream sandwich', 237, 9.0, 37),\n//   createData('Eclair', 262, 16.0, 24),\n//   createData('Cupcake', 305, 3.7, 67),\n//   createData('Gingerbread', 356, 16.0, 49),\n// ];\n\nconst rows = []\n\nconst CompensationReview = (props) => {\n  const { classes } = props;\n  const theme = useTheme()\n\n  return (\n    <div>\n    <PageTitle title=\"My Compensation Review Statement History\" />\n    <div className=\"compensation-review-main\">\n      <Typography variant=\"caption\"><span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n      <Paper className={classes.root}>\n        <Table className={classes.table}>\n          <TableHead>\n            <TableRow>\n              <CustomTableCell>Effective Date</CustomTableCell>\n              <CustomTableCell align=\"left\">Compensation Review Process</CustomTableCell>\n              <CustomTableCell align=\"left\">Position</CustomTableCell>\n              <CustomTableCell align=\"left\">Compensation Review Statement PDF</CustomTableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {rows.map(row => (\n              <TableRow className={classes.row} key={row.id}>\n                <CustomTableCell component=\"th\" scope=\"row\">\n                  {row.name}\n                </CustomTableCell>\n                <CustomTableCell align=\"left\">{row.calories}</CustomTableCell>\n                <CustomTableCell align=\"left\">{row.fat}</CustomTableCell>\n                <CustomTableCell align=\"left\">{row.carbs}</CustomTableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n        {\n          !rows.length > 0 && <div style={{\n              textAlign: \"center\",\n              padding: \"15px\"\n          }}>No Data Available</div>\n          }\n      </Paper>\n    </div>\n    </div>\n  );\n}\n\nCompensationReview.propTypes = {\n  classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles)(CompensationReview);","import React from 'react';\nimport { makeStyles, withStyles, useTheme } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './BonusAndPaymentHistory.css'\nimport { RowingRounded } from '@material-ui/icons';\n\nconst TAX_RATE = 0.07;\n\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 700,\n  },\n});\n\nfunction ccyFormat(num) {\n  return `${num.toFixed(2)}`;\n}\n\nfunction priceRow(qty, unit) {\n  return qty * unit;\n}\n\nfunction createRow(date, position, amount, currency) {\n  return { \n    date,\n    position,\n    amount,\n    currency\n   };\n}\n\nconst StyledTableRow = withStyles((theme) => ({\n  // root: {\n  //   '&:nth-of-type(odd)': {\n  //     backgroundColor: theme.palette.action.hover,\n  //   },\n  // },\n}))(TableRow);\n\nconst CustomTableCell = withStyles(theme => ({\n  head: {\n    backgroundColor: theme.palette.action.hover,\n    // color: theme.palette.common.black,\n    fontWeight: \"bold\"\n  },\n  body: {\n    fontSize: 14,\n  },\n}))(TableCell);\n\nfunction subtotal(items) {\n  return items.map(({ price }) => price).reduce((sum, i) => sum + i, 0);\n}\n\nconst rows = [\n  createRow('2021/06/01', 'Full Stack Engineer', 'xxxx', 'USD'),\n  createRow('2021/06/01', 'Test Engineer', 'xxxx', 'USD'),\n  createRow('2021/06/01', 'Intern', 'xxxx', 'USD'),\n];\n\nconst invoiceSubtotal = subtotal(rows);\nconst invoiceTaxes = TAX_RATE * invoiceSubtotal;\nconst invoiceTotal = invoiceTaxes + invoiceSubtotal;\n\nconst BonusAndPaymentHistory = () => {\n  const classes = useStyles();\n  const theme = useTheme()\n\n  return (\n    <div>\n    <PageTitle title=\"Bonus & One-Time Payment History\" />\n    <div className=\"referrals-main\">\n    <Typography variant=\"caption\" style={{marginBottom: \"30px\", fontWeight: \"bold\"}}>\n      Employee\n      <Typography variant=\"caption\" color=\"primary\" style={{display: \"inline\", marginLeft: \"14px\", fontWeight: \"bold\"}}>{localStorage.title}</Typography>\n    </Typography>\n    <Typography variant=\"caption\" style={{marginBottom: \"8px\"}}><span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n        <TableContainer component={Paper}>\n            <Table className={classes.table} aria-label=\"spanning table\">\n                <TableHead>\n                <TableRow>\n                    <CustomTableCell align=\"center\">Effective Date</CustomTableCell>\n                    <CustomTableCell align=\"center\">Position</CustomTableCell>\n                    <CustomTableCell colSpan={6} align=\"center\">Bonus & One-Time Payments</CustomTableCell>\n                </TableRow>\n                <TableRow>\n                    <CustomTableCell align=\"right\" colSpan={6}>Amount</CustomTableCell>\n                    <CustomTableCell align=\"center\">Currency</CustomTableCell>\n                </TableRow>\n                </TableHead>\n                <TableBody>\n                {rows.map((row) => (\n                    <StyledTableRow key={row.candidate}>\n                    <CustomTableCell align=\"center\">{row.date}</CustomTableCell>\n                    <CustomTableCell align=\"center\">{row.position}</CustomTableCell>\n                    <CustomTableCell colSpan={4} align=\"right\">{row.amount}</CustomTableCell>\n                    <CustomTableCell align=\"center\">{row.currency}</CustomTableCell>\n                    </StyledTableRow>\n                ))}\n\n                {/* <TableRow>\n                    <CustomTableCell rowSpan={3} />\n                    <CustomTableCell colSpan={2}>Subtotal</CustomTableCell>\n                    <CustomTableCell align=\"right\">{ccyFormat(invoiceSubtotal)}</CustomTableCell>\n                </TableRow>\n                <TableRow>\n                    <CustomTableCell>Tax</CustomTableCell>\n                    <CustomTableCell align=\"right\">{`${(TAX_RATE * 100).toFixed(0)} %`}</CustomTableCell>\n                    <CustomTableCell align=\"right\">{ccyFormat(invoiceTaxes)}</CustomTableCell>\n                </TableRow>\n                <TableRow>\n                    <CustomTableCell colSpan={2}>Total</CustomTableCell>\n                    <CustomTableCell align=\"right\">{ccyFormat(invoiceTotal)}</CustomTableCell>\n                </TableRow> */}\n                </TableBody>\n            </Table>\n        </TableContainer>\n    </div>\n    </div>\n  );\n}\n\nexport default BonusAndPaymentHistory","import React from 'react'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './TaxDocument.css'\n\nconst TaxDocument = () => {\n    return (\n        <div>\n        <PageTitle title=\"My Tax Documents\" />\n        <div className=\"taxDocument-main\">\n            <p>No Current Documents Available</p>\n        </div>\n        </div>\n    )\n}\n\nexport default TaxDocument\n","import React from 'react'\nimport {\n    Paper,\n    Typography,\n    Box\n} from '@material-ui/core'\nimport { Link } from 'react-router-dom'\n\nimport PageTitle from '../global/PageTitle/PageTitle'\nimport './Careerpage.css'\n\nconst Career = () => {\n    return (\n        <div>\n        <PageTitle title=\"Career\" back />\n        <div className=\"career-main\">\n            <div className=\"career-box1\">\n                <Paper className=\"career-box1-item1\">\n                    <Typography>Actions</Typography>\n                    <div className=\"career-item1\">\n                        <Box className=\"career-box\">\n                            <Link to=\"#\" className=\"career-link\">Find Jobs</Link>\n                        </Box>\n                        <Box className=\"career-box\">\n                            <Link to=\"#\" className=\"career-link\">Refer A Candidate</Link>\n                        </Box>\n                        <Box className=\"career-box\">\n                            <Link to=\"/career/development-plan\" className=\"career-link\">Start Development Plan</Link>\n                        </Box>\n                        <Box className=\"career-box\">\n                            <Link to=\"#\" className=\"career-link\">Withdraw Application</Link>\n                        </Box>\n                    </div>\n                </Paper>\n                <Paper className=\"career-box1-item2\">\n                    <Typography>View</Typography>\n                    <div className=\"career-item2\">\n                        <Box className=\"career-box\">\n                            <Link to=\"/career/my-mentorship\" className=\"career-link\">My Mentorship</Link>\n                        </Box>\n                        <Box className=\"career-box\">\n                            <Link to=\"/career/my-referrals\" className=\"career-link\">My Referrals</Link>\n                        </Box>\n                        <Box className=\"career-box\">\n                            <Link to=\"/career/competencies\" className=\"career-link\">Competencies</Link>\n                        </Box>\n                        <Box className=\"career-box\">\n                            <Link to=\"/career/certifications\" className=\"career-link\">Certifications</Link>\n                        </Box>\n                        <Box className=\"career-box\">\n                            <Link to=\"/career/education\" className=\"career-link\">Education</Link>\n                        </Box>\n                    </div>\n                </Paper>\n            </div>\n            <div className=\"career-box2\">\n                <Paper className=\"career-box1-item1\">\n                    <Typography>My Development Plans</Typography>\n                    <div className=\"career-item1\">\n                        <Box className=\"career-box\">\n                            <Link to=\"#\" className=\"career-link\">Individual Development Plan: 2020/03/01-2021/02/28</Link>\n                        </Box>\n                    </div>\n                </Paper>\n            </div>\n        </div>\n        </div>\n    )\n}\n\nexport default Career\n","import React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { Typography, TextField, InputAdornment, Button } from '@material-ui/core'\nimport {\n    KeyboardDatePicker,\n  } from '@material-ui/pickers';\nimport DehazeIcon from '@material-ui/icons/Dehaze';\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './DevelopmentPlan.css'\n\nconst useStyles = makeStyles((theme) => ({\n    margin: {\n      marginLeft: theme.spacing(1),\n      marginRight: theme.spacing(1),\n      width: 300,\n      border: \"1px solid #c0c0c0\",\n      padding: \"5px 5px 0 5px\",\n      borderRadius: \"5px\",\n      alignSelf: \"center\"\n    },\n    title: {\n        fontWeight: \"bold\",\n        alignSelf: \"center\"\n    }\n  }));\n\nconst DevelopmentPlan = () => {\n    const classes = useStyles()\n    const history = useHistory()\n\n    return (\n        <div>\n        <PageTitle title=\"Start My Development Plan\" />\n        <div className=\"development-plan-main\">\n            <div className=\"development-plan-input\">\n                <Typography variant=\"caption\" style={{alignSelf: \"center\", width: \"10%\"}} className={classes.title}>Review Template:</Typography>\n                <div style={{width: \"90%\"}}>\n                <span className=\"mandatory\">*</span>\n                <TextField\n                type=\"outline\"\n                    className={classes.margin}\n                    id=\"input-with-icon-textfield\"\n                    // label=\"Search\"\n                    InputProps={{\n                    endAdornment: (\n                        <InputAdornment position=\"end\">\n                        <DehazeIcon />\n                        </InputAdornment>\n                    ),\n                    }}\n                />\n                </div>\n            </div>\n            <div className=\"development-plan-input\">\n                <Typography variant=\"caption\" style={{alignSelf: \"center\", width: \"10%\"}} className={classes.title}>Period Start Date:</Typography>\n                <div style={{width: \"90%\", display: \"flex\"}}>\n                <span className=\"mandatory\">*</span>\n                <form className={classes.container} noValidate>\n                    <TextField\n                        id=\"date\"\n                        // label=\"Start Date\"\n                        type=\"date\"\n                        defaultValue=\"YYYY/MM/DD\"\n                        className={classes.margin}\n                        InputLabelProps={{\n                        shrink: true,\n                        }}\n                    />\n                </form>\n                </div>\n            </div>\n            <div className=\"development-plan-input\">\n                <Typography variant=\"caption\" style={{alignSelf: \"center\", width: \"10%\"}} className={classes.title}>Period End Date:</Typography>\n                <div style={{width: \"90%\", display: \"flex\"}}>\n                <span className=\"mandatory\">*</span>\n                <form className={classes.container} noValidate>\n                    <TextField\n                        id=\"date\"\n                        // label=\"End Date\"\n                        type=\"date\"\n                        defaultValue=\"YYYY/MM/DD\"\n                        className={classes.margin}\n                        InputLabelProps={{\n                        shrink: true,\n                        }}\n                    />\n                </form>\n                </div>\n            </div>\n        </div>\n        <div className=\"change-benefits-btn-container\" style={{position: \"absolute\", bottom: \"0\", display: \"block\"}}>\n            <Button variant=\"contained\" color=\"secondary\" className=\"change-benefits-btn1\">Submit</Button>\n            <Button \n                variant=\"contained\" \n                className=\"change-benefits-btn2\"\n                onClick={() => history.push('/career')}\n            >Cancel</Button>\n        </div>\n        </div>\n    )\n}\n\nexport default DevelopmentPlan\n","import React from 'react'\nimport {\n    Typography,\n    Button\n} from '@material-ui/core'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './Education.css'\n\nconst Education = () => {\n    return (\n        <div>\n        <PageTitle title=\"Education\" />\n        <div className=\"education-main\">\n            <Typography>none entered</Typography>\n        </div>\n        <div className=\"change-benefits-btn-container\" style={{position: \"absolute\", bottom: \"0\", display: \"block\"}}>\n            <Button \n                variant=\"contained\" \n                className=\"change-benefits-btn2\"\n            >Add</Button>\n            <Button \n                variant=\"contained\" \n                className=\"change-benefits-btn2\"\n            >Upload My Experience</Button>\n        </div>\n        </div>\n    )\n}\n\nexport default Education\n","import React from 'react'\nimport { Typography, Button } from '@material-ui/core'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './Certifications.css'\n\nconst Certifications = () => {\n    return (\n        <div>\n        <PageTitle title=\"Certifications\" />\n        <div className=\"certifications-main\">\n            <Typography>none entered</Typography>\n        </div>\n        <div className=\"change-benefits-btn-container\" style={{position: \"absolute\", bottom: \"0\", display: \"block\"}}>\n            <Button \n                variant=\"contained\" \n                className=\"change-benefits-btn2\"\n            >Add</Button>\n        </div>\n        </div>\n    )\n}\n\nexport default Certifications\n","import React from 'react';\nimport { withStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography'\nimport Button from '@material-ui/core/Button'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './Competencies.css'\n\nconst StyledTableCell = withStyles((theme) => ({\n  head: {\n    backgroundColor: theme.palette.action.hover,\n    // color: theme.palette.common.white,\n    fontWeight: \"bold\"\n  },\n  body: {\n    fontSize: 14,\n  },\n}))(TableCell);\n\nconst StyledTableRow = withStyles((theme) => ({\n  // root: {\n  //   '&:nth-of-type(odd)': {\n  //     backgroundColor: theme.palette.action.hover,\n  //   },\n  // },\n}))(TableRow);\n\nfunction createData(competency, rating) {\n  return { competency, rating };\n}\n\nconst rows = [\n  createData('Competency1', 4),\n  createData('Competency2', 5),\n  createData('Competency3', 2.5)\n];\n\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 700,\n  },\n});\n\nconst Competencies = () => {\n  const classes = useStyles();\n  const theme = useTheme()\n\n  return (\n    <div>\n    <PageTitle title=\"Competencies\" />\n    <div className=\"competencies-main\">\n        <Typography variant=\"caption\"><span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n        <TableContainer component={Paper}>\n        <Table className={classes.table} aria-label=\"customized table\">\n            <TableHead>\n            <TableRow>\n                <StyledTableCell>Competency</StyledTableCell>\n                <StyledTableCell align=\"left\">Assessed Rating</StyledTableCell>\n            </TableRow>\n            </TableHead>\n            <TableBody>\n            {rows.map((row) => (\n                <StyledTableRow key={row.name}>\n                <StyledTableCell align=\"left\">{row.competency}</StyledTableCell>\n                <StyledTableCell align=\"left\">{row.rating}</StyledTableCell>\n                </StyledTableRow>\n            ))}\n            </TableBody>\n        </Table>\n        </TableContainer>\n    </div>\n    <div className=\"change-benefits-btn-container\" style={{position: \"absolute\", bottom: \"0\", display: \"block\"}}>\n        <Button \n            variant=\"contained\" \n            className=\"change-benefits-btn2\"\n        >History</Button>\n    </div>\n    </div>\n  );\n}\n\nexport default Competencies","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { makeStyles, withStyles, useTheme } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './Referrals.css'\nimport { RowingRounded } from '@material-ui/icons';\n\nconst TAX_RATE = 0.07;\n\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 700,\n  },\n});\n\nfunction ccyFormat(num) {\n  return `${num.toFixed(2)}`;\n}\n\nfunction priceRow(qty, unit) {\n  return qty * unit;\n}\n\nfunction createRow(id, candidate, referredBy, referralDate, comments, application, applicationStage) {\n  return { \n    id,\n    candidate,\n    referredBy,\n    referralDate,\n    comments,\n    application,\n    applicationStage\n   };\n}\n\nconst StyledTableRow = withStyles((theme) => ({\n  // root: {\n  //   '&:nth-of-type(odd)': {\n  //     backgroundColor: theme.palette.action.hover,\n  //   },\n  // },\n}))(TableRow);\n\nconst CustomTableCell = withStyles(theme => ({\n  head: {\n    backgroundColor: theme.palette.action.hover,\n    // color: theme.palette.common.white,\n    fontWeight: \"bold\"\n  },\n  body: {\n    fontSize: 14,\n  },\n}))(TableCell);\n\nfunction subtotal(items) {\n  return items.map(({ price }) => price).reduce((sum, i) => sum + i, 0);\n}\n\nconst rows = [\n  createRow(6698, 'Aisha Negi', 'Krishna Soni', '27/04/19', 'Have a great communication skills', 'HR Associate', 'LinkedIn'),\n  createRow(4513, 'Akash Soni', 'Unnati Sachdev', '02/07/20', 'Experience in leading a team of 10 members', 'Team Lead', 'LinkedIn'),\n  createRow(1290, 'Rahul Sharma', 'Harsh Sahani', '15/05/20', 'Good experience with programming and product development', 'Software Engineer', 'LinkedIn'),\n];\n\nconst invoiceSubtotal = subtotal(rows);\nconst invoiceTaxes = TAX_RATE * invoiceSubtotal;\nconst invoiceTotal = invoiceTaxes + invoiceSubtotal;\n\nconst Referrals = () => {\n  const classes = useStyles();\n  const theme = useTheme()\n  return (\n    <div>\n    <PageTitle title=\"My Referrals\" />\n    <div className=\"referrals-main\">\n      <Typography variant=\"caption\" style={{fontWeight: \"bold\", marginBottom:\"8px\"}}><span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n        <TableContainer component={Paper}>\n            <Table className={classes.table} aria-label=\"spanning table\">\n                <TableHead>\n                <TableRow>\n                    <CustomTableCell align=\"center\">Candidate</CustomTableCell>\n                    <CustomTableCell align=\"center\">Referred For</CustomTableCell>\n                    <CustomTableCell align=\"center\">Referral Date</CustomTableCell>\n                    <CustomTableCell align=\"center\">Comments</CustomTableCell>\n                    <CustomTableCell colSpan={6} align=\"center\">Referral Jobs Applied For</CustomTableCell>\n                </TableRow>\n                <TableRow>\n                    <CustomTableCell align=\"right\" colSpan={8}>Job Application</CustomTableCell>\n                    <CustomTableCell align=\"center\">Job Application Stage</CustomTableCell>\n                </TableRow>\n                </TableHead>\n                <TableBody>\n                {rows.map((row) => (\n                    <StyledTableRow key={row.id}>\n                    <CustomTableCell align=\"center\">\n                      <Link \n                        to={`/career/my-referrals/${row.id}`}\n                        className=\"referrals-link\"\n                      >{row.candidate}</Link>\n                    </CustomTableCell>\n                    <CustomTableCell align=\"center\">{row.referredBy}</CustomTableCell>\n                    <CustomTableCell align=\"center\">{row.referralDate}</CustomTableCell>\n                    <CustomTableCell align=\"center\">{row.comments}</CustomTableCell>\n                    <CustomTableCell colSpan={4} align=\"right\">{row.application}</CustomTableCell>\n                    <CustomTableCell align=\"center\">{row.applicationStage}</CustomTableCell>\n                    </StyledTableRow>\n                ))}\n                </TableBody>\n            </Table>\n        </TableContainer>\n    </div>\n    </div>\n  );\n}\n\nexport default Referrals","export const CandidateData = [\n    {\n        id: 6698,\n        name: 'Aisha Negi',\n        description: `Miproin maurisve sed iquam egestas quam ras felisut. Tudin nislnam sodales metusqui sque sedinteg tellus setiam pretiu lum. Lum llus penatib asin mattis sse pharetra orciduis musetiam portamor. Isse varius feugiatm imperdie bus quamut. Feugiat faucibus nislin unc tincid ornareve. Tellus sdonec ibulum quamsusp in elitphas molestie snam. Laoreet bibendu vulput egesta luctus llus bibendu. Semnunc pretiu sed ullam orper feugiatn sse ntum viverr. Aesent lacusp mus congued ad rutrumnu uam tiam. Ssed rerit lorem modnam justop llus abitur tesque.\\n\\nCondim nullain fermen facili blandit ger edonec magnaves aenean vehicula. Lus enean nulla tesque quam orcivest teger. Rhoncus ac nequesed facili que augueph donec aenean liquam. Loreme velitsed enas orciut seminteg congue. Mi uisque elementu nislqu curae tudin. Mattiss lus nulla scras leofusce penatib aliquet. Nibhphas ligula nean morbi nascetur que sed fusce odioin. Feugiatm mauris sapienv ipsumves ndisse leocras duinulla. Nulla urnaut sduis magnaqu feugiat tristiq morbi ante class.\\n\\nEgestas rsed iquam aenean usce cursusp aliquam que magnaa teger. Cidunt faucibu liberout esque sapienma imperdie llaut tur uis itur. Nec euismo nulla justop quam edonec congue tetiam liquam nuncnunc. Itur liberos ultricie vamus ibulum tsed sellus tique que quam. Dum ris senectus lla ante auctorpr isque cing ris proin. Sedinteg anteduis nislnam cras ibulum semmaec usce.\\n\\nPosuered nulla oin scras vestibu liberos rutrum. Leocras euismod nuncves tristi uis velit uam. Fermen tdonec leofusce nullam ssed praesent sociis odio loremin. Malesu donec cusut augue felis nostra. Daut ultricie felisq necsed congue element iain massan ipsump. Sed egesta nulla euismod fermen sse tempus ent musfusce volutpat. Sapien cursus ntum telluss molestie risusut leoetiam enas que. Esent amet duis dolornu anunc consect sque mnulla eratquis aesent. Que sodale malesu quam leocur et leoetiam sed.\\n\\nLobortis massan aenean mstut eduis nisl rhoncus ntum rrased. Musetiam aliquam sed magnap interdum estnulla sceleris luctus. Massacra nequesed itnunc nec lum isised. Sisut congue iquam enim nullam ridicul uis aesent. Justonul fusce facili scum scras magnis elementu. Nean aduis laoreet quamve lacusp llus. Egetal ipsumae cusut posuere mstut metusves. Bulum liberofu mus unc dolornu conubia enimsed.\\n\\nPulvina ent nunc leocur llaut metuscra. Augue laciniai nullam ac nibh in magnaqu natoque. Sapien oin praesent tate faucibus ipsum teger felisq. Integer volutpa orper eget magnaa natis abitur. Sapiendo ris ibulum aliquam portad sse laciniap. Orper rutrumnu dictumdu vulput nec malesu blandi sacras uisque. Orcisusp aliquam quam necinte lum lectusn.\\n\\nUrient netus placerat hendre nibhnull cursus arcucura lacusp ntum. Neque iaculis fusce risus necmae maurisve nunccras. Aliqua sque mipraese risusut nisl itur. Liberom lacinia estmae consequa ligula elementu. Nulla ut ntum himena bibend erdiet metussed culus libero quispr. Loremin portad nibh diam itur loremnul que ent. Msed oin pulvina dis nec himenaeo dapibusc. Mussed sellus volutpat ipsumae rosed sagittis interdum daut lisis magnapro. Euismodd orciut nislin sedlorem nonmorbi at uamnam. Mipraese montes quam uris ent ligula dolor.\\n\\nHendrer convall auris aenean tortor musfusce dapibus liquam. At porttit dolorve rhoncus quamal dolordo faucib ulum pulvina. Oin mstut nuncves mattis bibend phasel enean dum duis. Rutrum erdum teger lisis malesuad faucibu tortorp commodo auguesed eget. Cing abitur posuere nulla enimsus vulput. Iain sapiendo oin dictumdu faucibu mauris tur metusd enas nequenu. Laoreet placerat semmaec cidunt vulput vallis bibend ivamus malesuad mus. Bibend tesque libero iquam teger tortor sacras nibhnul habitas. Convall aliquam orbi quis rhoncus mussed uris puruscra iam dis.\\n\\nAccumsan llam massased faucibu ulum orbi modnam lus enim posuere. Egestas nullam bibend iam ulum cursusve illa. Sse posuere egestas dolordo oin massacra lacuse urna massan inproin. Nequen bibend diamin temporin dolorve llam nean volutp. Acum sed laoreet sceler ecenas conseq. Variusma rfusce egetlor egestasm imperdie tasse liberout oin iumsed.\\n\\nMagna llus gravida pharetra est roin rutrumnu abitur adipisci urnain. Que duis accumsan facili faucibus sollici ellus rosed. Uam rrased suscipit convall anteduis varius temporse. Facilis lla setiam nuncnunc uisque potenti metussed eratetia vamus. Roin antenunc necinte sce laoree mauris. Tempus llus laoreetc sit sceler etsed necnunc malesu que. Odiophas feugiat pulvinar diampr elementu iquam. Maurisd rissed idnulla maurisve nonmorbi roin scras. Scum nean sque sapienma oin ssed euismodd convalli amus egestas.\\n\\nNibhnul nostra roin purus velitsed nuncsed eratphas. Iaculi nisl cras afusce vivamus sapienna eratphas atein. Rproin naeos placerat posuered aesent que augueph. Lum ipsumma bus sem nequen aliquet vehicula nibh dolornu roin. Lectuss adipisci ulum ulum erdum uisque liquam noninte. Enean nisiinte vallis aliqua massa mus abitur himena dolordo pretiu. Oin placerat lorem nean urnaut viverr eratquis ipsumnam nibhphas. Magnaa iquam fusce volutpat facilis fermen. Egesta ullamcor litora quamin onec urnaut aesent dolor himenaeo que. Mollis nuncsed rutrumnu ger tique at sollici ibulum.\\n\\nAccumsan fusce bulum itur sodales orciduis dum euismod rutrum. Cidunt lacuse litora tfusce bibendu congue nequesed pellente. Turpis dumin maurisma uscras placerat musfusce leocur lectus. Lectusin et ger disse leofusce nisl. Ctetur aliquama lla lum fames tincid. Iquam venenat laciniai mauris esque llus ipsumin feugiatm. Potenti nullam fames turpisut tate estmorbi auris llus ecenas. Tetiam ger lus viverra lobortis quamsusp uisque nislin nean. Torquent nuncsed diam liberoa oin lectuss antenunc.\\n\\nEclass portad itur cras ntum sedin itor primis tfusce. Bibend cursusve quam aliqua iam ipsumae enean setiam aliquam. Isque iain mus at ipsumin convalli morbi. Aenean ipsumin odio fermen mauris sollici dolor enimsus varius. Turpisn fusce ntum integer urient msed lum proin auctorpr. Uis morbi in ante lacini laoreet iaculi rproin. Sedlorem iam roin dolorma malesu uis mussed nullam estnunc nas. Teger liberout metuscra eratphas cras ellus portamor. Lacuse odio necnunc sed sacras dis laciniap quamphas.\\n\\nMauris lus edonec nec nam aptent llam laoreet. Tesque proin ligulam puruscra himena lacusaen. Nequenu eroscu ultrici nislsed mussed portad ibulum amus fusce. Ipsumves iennam felis duis pretiu suspendi magnaqu necmae sduis. Interdum iennam iquam diamin malesuad auris elementu lum aenean. Est turpis nislin justo miproin bulum aesent sque.\\n\\nFacilisi primis estmae senectus odiophas commodo metus condim euismo parturi. Aliquete id tiam usce consequa euismo. Ipsumin enulla molestie porta tur nec enimlo mollis rutrum risusut. Eratquis duis abitur isse lacuse liberom liberofu que egesta. Rissed eleifen laoreet uam tristiq setiam quam quam egestas. Aliquam orbi eratphas sceleris nisimor odiophas dis tasse antenull lum. Morbi proin tur pharetr lus leosed mauris. Nullap sapienna convalli ulum aesent varius. Ipsumves leopelle enimdon cras miquis enean. Viverr nislqu aenean sque quis necinte egestasm.\\n\\nDignis quamin quat uada nec tur que musetiam consec disse. Liquam nec telluss itur antenull iaculis lectuss sse litora. Adipisci odioin fusce mauris aesent parturi insuspen hendrer quamnunc. Nunc mattiss enim egestas ris tur. Pharetr nean leocur mipraese ris snam fringi. Maurisin ulum placerat montes natis ulla. Fusce sceler llam aliquet pellent sduis. Congued placerat facili oin nean nibhnul torquent sduis euismo lla. Dolornu lus sacras donec uam msed sdonec. Egestasm nulla tristi facilisi quis vitaenul rhoncus eduis non.\\n\\nLus imperd mus ecenas tique quam morbi neque semper lectusin. Ger volutpat isque sapien convall sapienv vehicula uscras puruscra. Eger uis felis sse vivamus consec mattis daut cras massacra. Sed auris mnulla phasel risque tasse element nequenu nean uam. Eu nas sdonec ellus duifusce nunccras loreme nuncproi imperdie. Iennam liquam class quis ipsump tempusp. Ligula dumin telluset duis faucib lacusnam lus tempor miproin fringi. Estnunc habitas felisq et orcivest gravida aesent rissed ac.\\n\\nFringi sim eroscu metiam ultrici eleifen ullamcor lacusp. Llus ivamus ecenas sit roin uscras malesu sed. Erossed aenean laoreet vamus nequeal aptent. Convall aliquam nullap uam eger insuspen. Nulla purusd ulum sim sduis iain risque. Scum facilisi amus ies egesta loreme ris malesuad. Posuere laoree metusd praesent nulla nunc commodo nullain tur nostra.\\n\\nPretium rhoncusv aenean lla cusut liberoa liberout quamut mattisae. Ras telluss tesque facili lum imperdie luctus. Ipsumves orem sit euismodd iquam tiam potenti semper. Lacinia eratetia miproin convall afusce facilis laoree ies. Faucibus nequenu sellus rhoncus parturi ger iumsed viverr lobortis luctus. Min lacini platea quispr habitas necnunc duis senectus. Aenean metusd onec esque mollis llus.\\n\\nAuctorcr natis sfusce maurisma arcualiq mauris llaut proin. Bulum usce iain ullam nascetur commodo tur nequeal quamphas volutpat. Sapien congue sollic nullam uam nean tate tristi. Tate leosed proin purus adipis ent. Uis lorem ipsum ultric uis mipraese. Auctor sed ecenas bibend inproin ssed. Anteduis amus quam nascetur abitur enas temporin congue ellus nunccras. Arcused rosed auguesed quam facili turpisve isque sodale nuncproi. Mauris augueph nullain curae taciti per urnaut faucibus gravida. Sceler sacras lum insuspen egestas consequa nam musetiam.\\n\\nAfusce magnaa auguesed quisut hac sagittis. Nislae laoreet quis tique egesta disse semmaec erdiet. Curabitu accums aliquama liberoa quamnunc que aliquam. Per tellus vitae enean eget turpisut inceptos rrased. Nec lacinia urna tcras lus estnunc sfusce ellus teger rutrumnu. Risus culus ipsum turpisut convall llaut estsusp vitaenul euismo. Himenaeo potenti enimsed nisl lectus tortorp bibendu quamphas. Quamin adipisci mattis nas element bibendu. Iquam liquam tfusce scum iam adipisci sdonec dictumst liberofu.\\n\\nEleifend lus pretium magna dictum nuncsed ornare. Vulput ecenas nuncsed feugiatm placerat natis vitae. Temporin abitur ullamcor bibendu justov enas laciniap aptent aenean sacras. Iquam lla leoetiam nec liquam lobortis seminteg phasel augueph tate. Lacusnam tellus condim ibulum quam elemen convalli roin lisis. Arcuduis laciniai risus mus consequa nibhcras. Sapiendo tate risusut fusce natis potenti abitur sit. Leocur oin feugiat augue telluset que nullap onec. Lorem elementu lum condim varius arcucura tempusp iam ultricie. Acum tristi id vehicula teger consec nec fames duifusce.\\n\\nVulput tiam sociosqu rutrum ctetur ndisse afusce torquent lectusin. Aesent et llam noninte volutpa pretiu llam lectus iumsed rhoncusv. Itnunc vivamus quam enimsed rosed sceleris nulla varius orper felis. Turpisp iam congue mus etiam liberout. Noninte unc vehicula proin magnap dictums vulput suscip. Teger nunc que per nec illa temporin. Sent insuspen nean uamnam velitsed eclass duis amus.\\n\\nSodales cursus luctus disse rproin sfusce phasel vulput. Mnulla magna tincid sellus ipsumves onec ger sfusce massacra. Lectuss commodo roin aenean nulla suspendi nec pretium inceptos. Disse temporin felis auris erossed feugiat. Ut proin miquis ibulum tortor ivamus natoque turpisn facilis. Mi tesque nislqu parturi laoree erat lisis disse velit sed. Ad fringi conubia elit noninte tristiq duis nulla amus tempor. Imperd volutp netus laciniap utcras conseq class.\\n\\nAuris viverr gsed aptent cras vitaenul. Eroscu vallis ullam uris turpisve llam asin. Tdonec nec ris euismo cras mstut uis. Idnulla ornare enean lum esent laoreetc purusp morbi sellus. Arcucura in tiam afusce consequa lus convall. Adipisci estnunc rhoncusv dui ac roin loremnul ipsumnam magnap. Ger class lacusaen onec iam ger eduis interdum.\\n\\nSetiam isised llam nibhphas eratfus tique elementu quamnunc donec. Pellente tique turpisf teger ultricie uisque fames semnunc. Bibendum est cursusve mollis orcivest cras nonmorbi semper elemen netus. Leocur ras onec ivamus abitur aliquet. Aliquet ipsumves erdiet ullamco antenunc hendre sapienma liquam eroscu iquam. Enimsed ibulum feugiatm imperd gravida imperd velitsed sedlorem erdiet. Primis rutrum vehicula elemen eratquis liquam.\\n\\nFringi oin lum dolordo que commodo bibendu tempor. Libero quam eduis mus tiam imperd setiam. Per atein ipsump tsed massased odiophas himena que bus. Purusp lus tetiam nec enim tiam sed sapienma scras ulum. Penatib tincid insuspen unc viverr vehicula enean ntum libero. Ntum erat cing afusce quis isse element.\\n\\nCommodo enimsus suscipit risusm semnunc iam sfusce pharetr ultric habitant. Primis purus ultrices rhoncus itor tortorp. Nullam ent egesta ris cubilia mipraese dumin vitaenu disse. Semnunc inproin iaculis lla phasel tsed convalli. Interdum eratetia sse maurisin commodo lum primis vulput onec. Roin rerit nulla felis quisut mauris nequen metiam mattis etiam. Rhoncus ulum uis liberoa mnulla amus etiam. Liquam pretiu cursus estnulla bibendum maurisd posuere varius tique portamor. Ipsumves aliquet sapienna laoreet nec abitur rutrum acum.\\n\\nLobortis leocras elementu enulla lacus dictumst molest dictumst. Imperd ipsum oin dolor insuspen felis bulum. Vamus in ipsumin auris ultrices dui nean laoreet llam posuered. Antenunc oin ndisse fringi pretium aptent nean cidunt bibendu sse. Turpiset antenull quis orper nequeal lla cusut nulla vitaenul. Ndisse sit vulput egestas sque isised egetlor velit mattiss.\\n\\nSse sit justonul sociis uam rsed egetlor. Nec nunccras class consequa ntum ac turpisf itur. Pretiu eger blandi esent nuncnunc rhoncus tique. Nunc quamin lectusin montes conseq posuered etiam. Ultricie orper nascetur roin eger suspendi arcused enean. Oin sodale asin iaculis risusvi miquis. Laut etiam orci dolor nisiinte ris dictumst duinulla cing dictumst. Orcisusp iam dictumst volutp variusma phasel.\\n\\nTemporin faucibus nislqu unc onec ullam. Nullap bibend snam proin ut conseq lla. Quisque abitur eratquis disse proin faucibus uam neque. Fusce vivamus onec fringi uisque tur venenat aesent penatib. Faucibus nislqu eratetia quamsusp facili uisque. Nulla ullam id mauris metusves idnulla. Quamin nislsed eclass aliqua enimlo uisque sduis. Convall massan miin hac sque lectus fusce. Inproin ulum fusce tortorp ent curabitu lus condim ipsumnam estnunc.\\n\\nLeopelle onec aesent volutpat nequen faucibus egestas que magnap luctus. Quamve nequeal uisque ellus odioin luctus. Aenean nunccras dictumst augue ntum uisque. Metusd nas odio lacini felis orcisusp quamphas magnaqu metusves. Culus elitphas in scras nuncnunc nulla. Condim venenat eratquis portamor lorem pellente lacini lectus. Suscip ligulain ras telluset sedin class liberofu sse odio.\\n\\nSuscipit esque sollici diamin etsed aliquet liberom euismodd auctorpr. Sollici fusce proin sce luctus praesent. Ad augue feugiatm iquam usce liquam pretium ac leo. Diampr ris mattisae bibendu sollic auctorpr uisque dignis orper dis. Uscras necnunc quam sociis uam sapienv euismo faucibus. Maurisve aliquet massan abitur semper congue. Faucibus portamor eduis ultricie volutp enulla quamve congued oin liberom. Nas duis nibh llam oin congued eclass. Aenean primis musfusce roin quamin sisut fusce auris iumsed tur. Sapienma varius ndisse unc feugiat sim phasel lacuse sem nisi.\\n\\nOdioin ipsump enean ligulam iquam senectus orciut musfusce mstut. Eclass dictum convall blandi eleifen nulla nisl anteduis lla. Risusut adipisci rerit quam iaculi nunc quisut urient. Faucibus loremnul accumsan rutrumnu auguesed sellus. Suscipit sociis dolordo sed aesent nunc faucibus lorem. Varius diamin potent iquam placerat odiophas sduis.\\n\\nSce dolordo volutpa lobortis sagittis esent roin. Portamor blandi sed eget estmae llaut euismod rproin massan. Uada interdum leosed lacinia teger laut lla afusce. Antenunc miin nislqu sedinteg malesu que tempor potent. Metiam ssed tasse amus roin luctus posuered. Lobortis ris amus venenat habitas sacras natis metusqui. Orciduis laoreet enimdon tcras conseq vulput mnulla nulla malesu ellus. Estsusp mussed ullam atein quamnull tesque justonul. Enimphas feugiat quamve abitur nec egestas sapien nibhnull onec. Itur sodale felis vehicula suscip vehicula risusm enas isised turpisp.\\n\\nVehicula ultricie auris maurisve turpis tate sagittis nas dapibusc molest. Metuscra ctetur nulla aenean uam purusd lus eget quamsusp. Tiam posuere euismo disse pretium faucibus ullamcor llaut telluss ulum. Dictumst sque sceler esent cras estmae turpiset. Ulum elementu laoreet consec metusves lacus hendre commodo roin. Arcualiq rhoncus dictumst turpis fermen min primis musetiam magnaqu. Diam duis sim morbi miproin facilis.\\n\\nViverr egestas at lum ornareve suspendi felisut aptent urnavest. Fusce sedin ut orper oin purus varius laoree odiophas. Ras bibend etiam orem mus faucibus. Diampr quamsusp liberoa uris aliquet varius bibendu rrased vehicula. Sent nullam ipsumin nean entum aliquam torquent rutrum lacinia isse. Ipsum sisut teger lacusp pharetr inceptos llus. Quamal volutpa urient sacras convalli esent iam quamut morbi. Lectus semmaec imperd tristiq lum egesta.\\n\\nOnec potenti liquam ornareve facili ut accums quamnull element dolorve. Metusqui scras metusd tesque porttit tur anteduis. Cing molest usce mi itur etiam rfusce oin rosed natis. Gsed varius teger nas teger turpisut taciti lum. Nequenu ullamcor enimphas risusm aesent felisq. Ultric llus onec ullam dolornu quisque lla imperdie. Inproin bibendu duis gravidas uam euismodd. Orcisusp lectus aliquet cidunt uam ullamco accumsan convalli.\\n\\nRis nuncsed dictum per nec llus arcucura cursusve egestas molestie. Euismo facilisi ullamco netus odio quiscras. Euismo lum nuncnunc gravidas dolor amet tristiq faucibus vulput nequen. Eleifen orper rosed euismod disse enas facilisi nec nec loremnul. Aptent nulla vel porttito nean orbi varius nec. Nunc faucibus sem nas conseq snam daut sodale morbi. Uam loremn nequenu liberout cras orper ulum imperdie seminteg disse. Nisiinte quamnunc estsusp imperdie msed fringi tate ullamco suscip. Oin luctus orcivest magnis cras unc dolornu. Massan nean habitant mattiss urnaut tempor quam.\\n\\nEnimsed natis lacusnam consequa nullam convalli nean. Congue tiam disse fusce praesent nulla viverr. Antenull lectuss esent que disse rhoncus. Ipsumma ras sit elitpr disse llam iaculis loremnul tempor oin. Esque liquam ent oin varius elementu ligulam curabitu lum egetlor. Uris ad faucibu sellus disse egesta.\\n\\nSed enimphas aenean facilisi pulvina leo turpiset. Imperdie maecenas itnunc llam nulla tristiq pretium lum aesent. Lla sceler seminteg eclass turpiset facilisi musfusce tcras sdonec. Varius disse nean ris liquam malesu sodale. Lus itnunc consec teger elementu accumsan. Elitpr justonul que iennam pretium metus magnapro vitaenu. Metus felis laoreet sagittis semper ullam. Semnunc lacusnam auris malesu tortor vamus. Interdum pretiu phasel dis posuere auris quam molestie ris.`,\n        position: 'HR Associate',\n        address: `Plot No 29, Snehal Chs, Sector 17, Nerul, Navi Mumbai, Maharashtra, India`,\n        phone: '02227700852',\n        imagePath: 'https://images.unsplash.com/photo-1597223557154-721c1cecc4b0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTB8fHdvbWFuJTIwZmFjZXxlbnwwfHwwfHw%3D&w=1000&q=80'\n    }, {\n        id: 4513,\n        name: 'Akash Soni',\n        description: `Nean uisque facili himenaeo donec ris aliquete egestas dictumst. Euismod orciduis commodo dolorve sagittis leosed uris urnaut cras. Eratquis varius uisque fusce teger lum ultrices lacini. Snam tudin ante semnunc facili enas fames tempor. Oin edonec commodo mauris convalli felisut. Nisl augueph laciniap commodo variusma laoreet lorem lectuss imperdie dictum. Nostra erdiet sfusce oin tesque diamin vulput fames aliquam eratphas. Loremnul ecenas imperdie eratphas pellent massacra lum. Nunc eunulla roin ligulam uisque mi.\\n\\nVamus semper ris metusdo esent teger sduis. Puruscra ulla turpiset consequa sapienna lacusnam onec quamphas sedinteg. Atein sapien dumin risusm estnulla lectus loreme habitant. Malesuad bibendu nulla ger portado mattis laoreet estnunc. Aenean metiam ies diam elit nislae teger. Tfusce urient risusvi magnaves odiophas mattis tur eleifend orci. Orciduis egetlor egesta consequa leocras nean bibendu sellus. Teger lum cursusve nunc volutp maecenas turpisut enimphas aliquama loreme.\\n\\nSuscipit bibend suspendi vitaenu metusves natis nulla esent class. Diamin nibhcras fermen vulput dictum unc. Quam sed utcras musetiam dictum accumsan. Ibulum iain duis disse accumsan tur quamphas sduis dui sed. Proin orci senectus sapienv ligula loremin. Egestasm pretium nas dum cing inceptos tur rutrum laciniap ornareve.\\n\\nNec lacinia iam cras quam mauris consequa tempor nisiinte quiscras. Ntum quisque setiam erossed aenean morbi. Orci nulla tasse tristi llam diam luctus ger. Ante fusce nibhphas lacusp vel miin nuncves risusvi sapien. Llam aptent disse consec magnaqu rproin. Facilisi orem dapibus euismo porta varius lum enimlo uada. Ullam lacini tempor ger erdiet bulum.\\n\\nEgesta urnain mauris nean ras auris laciniap element egestas molest. Luctus tortor sim nibhcras mattisae fusce quamphas auctor. Que egesta fames egesta euismod sacras hendrer iam etsed. Imperdie pretiu quam ssed ris loremin aliquama lacusaen. Llaut accums lorem convalli ras aenean egestas imperd gravida. Ulum tiam aenean tortor laut sapiendo.\\n\\nRidicul enean llam ibulum interdum cursusve. Culus egestasm nas dui abitur sodale erat interdum accumsan libero. Iaculis onec metusd praesent ies temporin massa blandit. Uis urnain acum natoque eger egestas sacras. Sellus lacusp euismo facilis gravida lectus condim diam quamal eleifend. Convall risusvi teger necsed ntum potenti nullam condim cursus urna. Bibendum lum lacus laciniap ullam temporse luctus amus dapibus auris. Posuered teger onec suspendi rsed massacra amus.\\n\\nVitaenu nec id tur mattis tincid nascetur estmae sollic. Dolorma ras gsed telluss commodo oin ipsumae ullam nislqu estsusp. Lisis que malesu placerat fringi elitpr. Nec eclass pellente pretium cras ntum. Sedinteg id uam venenat aliquam ligula odio vallis teger llam. Massan atein uisque sent ipsumma leopelle. Convalli urient ent enulla orci convall justop vallis morbi. Feugiat consect tesque nullam ger turpisut potenti sim roin.\\n\\nMus oin entum llam musfusce laoree isque onec sse varius. Libero dum pornam varius fusce rrased. Estsusp erdiet quisque leosed llus cusut ras puruscra. Odiophas elitphas magnap praesent nequenu temporin amus nec. Viverr rerit seminteg donec ellus ulum. Esque sagittis rutruma unc ris metussed amus uisque pretiu. Aliquet nean sedlorem himena erossed turpisn orci facili. Egestas vestib commodo etsed felisut porttito. Euismod vitaenul himenaeo edonec auris lectus consequa litora.\\n\\nPurusd morbi duifusce convall vamus sapienv blandi penatib convalli. Risusvi risusut vallis litora mauris faucibus. Lacusnam ultricie nas nisiinte rsed lus vehicula. Aliquet bibendu volutpa velit ras feugiatn nequenu unc luctus. Orciut ibulum gravida convall oin ellus eleifend. Bibendu nibhcras ipsumae isse egesta risus praesent utcras nunccras. Ultrices oin felisut etsed massama nec turpisut. Rerit viverr elemen quamut turpisf erdiet semmaec sacras nec.\\n\\nItnunc leoetiam que potent placerat ger disse quam nibh ecenas. Edonec duinulla proin llaut eduis enas utcras loreme sceleris. Vehicula que feugiatn turpisf nequenu ullam. Quat potenti rutrumnu rrased oin urnain congue. Proin iumsed ger quam estnunc leo fames oin. Ntum cursusp abitur ndisse lacusp proin sfusce disse.\\n\\nEgesta pharetra rissed lla aliquete element leofusce. Iennam vitaef eratfus rerit rhoncusv nislqu magnaqu morbi necinte elementu. Blandit metus tortor felisut ecenas aesent vehicula vitae commodo. Lum llus daut rutrum metusqui liberos faucibus. Dis uis sapien element miproin augue imperd sellus magnaqu vitaef. Conubia ger nec platea dolorma quamut nequeal porttit.\\n\\nEsent mattiss mipraese fringi sque hac. Nean rissed eger estmorbi dum viverr quamut temporin. Mi enim metusdo quamut sapienma iam. Magnap aliqua facilis dolordo ger iaculis litora. Gravidas urnavest iam commodo vulput class volutpat netus proin. Ligula iquam dumin nequesed augue eclass lectuss nuncves.\\n\\nUnc leocur unc luctus nisimor odiophas pretium sque massased metussed. Orci liberom metusd nisiinte sed teger faucibu auctorpr nec. Uis dolorma arcu aesent quispr rutrum convall conseq sed. Iquam esent nulla unc lacusaen telluset non. Nuncnunc miin condim iam nulla sollic blandit. Disse euismo amet asin erat eunulla nequenu esent leopelle. Teger blandit nullap lacusp esque curae vestibu onec.\\n\\nDolorve sollic aliquete esent ullamcor sse. Imperdie nislsed pellente felisq porttit eduis curae aenean. Consec enean iam tur vulput eleifend llus bulum. Metussed dictums potenti eratfus onec sce consect viverra. Sed bulum uscras rutrum luctus vitae maecenas variusma lacusp facili. Egestas faucibu ctetur pretiu que leoetiam. Quam urient suscipit odioin nislnam orcivest. Aliquam bibendu dum rutruma diam mi potenti uris. Iaculis proin aliquam cras ger duinulla. Enimsed nuncproi nequen llam lectuss vehicula facili sed quam iumsed.\\n\\nSellus mauris orciduis ndisse onec tur. Habitas risusm sque orci id ullam nibhnul uamnam praesent. Ipsump tesque metusdo feugiatn quam commodo netus. Ipsumves euismo edonec sacras eratfus etiam auris nuncsed uisque justo. Ibulum musetiam puruscra tempor nuncsed urnain nullam quispr lacini. Nequen quiscras onec sse viverra integer. Tortorp placerat sapienma erat volutpa lus pornam isque. Llam duinulla tempusp nequeal antenunc oin velit tempor.\\n\\nBus conubia lla lus metusd sedlorem sacras pharetr lum lum. Orciut quam fermen magnaqu teger aliquet illa. Tique sociis bus morbi ent euismodd. Aliquet fringi quamnull nislae atein estnulla enas sodale llam. Leo gsed quam nequeal class sque. Quamsusp commodo turpisut fringi massama augueph tempor sem euismo. Volutpat et sodales aliquam ctetur maurisin isised bulum disse facilisi. Nunccras lus ulum seminteg anteduis nec etsed malesu.\\n\\nAsin sse sellus vestib lum que telluset. Eleifend class hendrer erat tiam sellus auctorpr. Odio etiam ac volutp elit que elitphas ellus malesuad. Ullamco ris tur loreme habitant imperd. Malesuad sim enas nam interdum consect. Elementu dumin nas duis ipsumma quamin.\\n\\nLlam loremin aliquet mauris vehicula ulum accumsan cras interdum culus. Litora ullam metus onec morbi ullamco. Mus sedinteg dictumdu lectusn tesque sed element iaculis. Isque porttito adipis ligula cras temporin. Feugiatm lectuss teger diamin dictums commodo min dum litora quiscras. Ridicul ulum inceptos miquis curae enulla. Elitpr msed ornareve dictumst sagittis magnaqu. Isised nuncves eratfus sceler ras vulput aliqua telluss gsed nibhnull. Nunc eroscu que cing unc pornam laoreet.\\n\\nTurpisp diam llam liquam esent nisl magnaves nullam. Conseq hendrer ligula felisq sapienv pornam. Tortor magnis liberofu telluset mussed turpisp llus. Ris nam erdum pulvinar pellente nuncves libero quamnull sellus orciduis. Tique nibhcras vitaenul nean nas aliquam liquam nuncproi teger mus. Mattisae ipsumnam ecenas scras temporin sellus quamin tsed.\\n\\nEdonec eratphas inproin iquam ultricie feugiatn curabitu. Rfusce pretium pulvinar disse mipraese min. Daut dolorve vitaenul lacini volutpat ligula turpiset vehicula tortor tellus. Aesent oin rutrumnu nullam disse metusves lectusa nibhnul. Quamsusp erdiet aenean cing duis magnaa enulla ultricie. Necsed roin faucibus quiscras abitur volutpat liberoa temporin magna bus.\\n\\nEntum abitur ullamcor potent eu non ornare euismo. Faucibu acum felisut ibulum oin convalli ipsumin diam. Lus molest vehicula tempor iain nibhcras rissed nullam llam nuncves. Lorem sacras quamve urnain tristi tortor vestibu. Dis ntum auctorcr nunc felisut egestas sed litora. Volutpat convall consequa sceleris consect culus nibhcras eratfus egesta sodale. Orbi felisut magnaa aliquama tortor ante vallis.\\n\\nPornam mauris parturi sce vehicula daut cras rissed purus justop. Tortor risusvi enim lectuss adipisci duifusce penatib aenean pretiu laoree. Ultrices iennam onec llam sit cras volutpat teger consequa temporin. Quam morbi convalli ultricie esque molest aesent volutpat liquam viverr. Teger metussed oin curae egestas tur faucib arcused mus aesent. Sed posuere teger turpisp esque uam euismo disse ctetur llus. Faucibus dolorma nullap ligula orciut usce. Ulum elemen ipsumnam miquis tincid nequeal.\\n\\nTorquent egetal setiam donec magnap accumsan ellus. Magnis iquam dignis min donec morbi. Tdonec mauris ras pharetra necmae ndisse. Faucib orem eratquis dolordo sollic rerit magnapro eleifend ligulain acum. Faucibus necsed ligula ipsumma sed ger. Tiam inproin teger quamnull nunc pellent. Ger suscipit egestas sellus facilisi nullap duis sent. Ris quamut habitant culus himena est tortor.\\n\\nVarius ullam maurisve montes ies ent. Ultrices vestibu massacra teger onec quamal. Tortor scras sapien edonec arcused malesu. Elit vestib platea semper aenean curabitu ullam. Teger mauris liquam taciti tur sque rosed tristiq hac urna. Orbi nullain maurisma urna tur integer ad nulla aliquam. Posuered etiam vitaef natoque uam necmae ibulum. Etsed nisi posuered viverr enulla turpisve nislqu blandit.\\n\\nEuismod tdonec iam ullamcor faucibus pretiam`,\n        position: 'Team Lead',\n        address: `New#9, Visweswarapuram, Mylapore, Chennai, Tamil Nadu`,\n        phone: '00444231241',\n        imagePath: 'https://media.istockphoto.com/photos/casual-east-asian-man-on-white-isolated-background-picture-id671826218?k=20&m=671826218&s=612x612&w=0&h=jUItAsu4fNGgd2gxQWIe9sVtkdEGUjIsf1Zw_rIaFkw='\n    }, {\n        id: 1290,\n        name: 'Rahul Sharma',\n        description: `malesuad quisuts ligulain fusce ent tate portor. Malesu sque quamsusp nean pretium bibend nean nunc porttoto morbi. Aeneas muséia mauris pellent convall metusves auctor. To be broken, bibend, old age, mussed nas ntum. For fear of drinking, for example, or pain, the soft elements do not represent the mountains. Urnain neque felisut nihil sque null. And each time I laughed, it was easy now. Vulput also silently malesu necma throat sque. Faucibu tortor tique auris lectus abit nulla mstut utcras. Sque rerit loremn natoque etiam enean antenull aenean vehicula. Quamin conubia nec disse viverr nulla tsed loremn. No forex mstut dwell portor iquam sapienma scum. The ugly teger uscras lake was viverr revenge. Justov paid for developing the world without him. Dapibus varius liberout dapibusc snam auris estsusp molestie tomorrow uisque. Turpisve roin terrores auris vulput tortorp of a lot And so it is, so that the fans can eroscu and the cat. Sad while I am sells onec msed ibulum cursus. Always reach the world by the course of your arrow. They should be as soon as possible, but not every day. The bed is ienna orper enas the pain of malaria odioin poverty. We love the pain of the lion, and not himenaeo, but the powerful need to start. \\n\\nLacusp or adorn the awnings of hating the time accums Llaut mauris nean aliquam maurisin revenge idnulla. Ger eratphas nam pretiu lacusp aliquet lla laoreet. Duifusce setiam sque nisiinte urna uamnam risque portado. It was an esque tur oin portor lum bills eduis faucib interdum. Duinulla modnam tempus erat quam oin class arcused. The vengeance of the disease is free from the evils of the earth. Sollic quam venenat eger eratphas conseq. Duis arcuduis ultrices lectusin tempus feugiatn portaor auris. Rutrum mauris elementu leofusce estmorbi Enulla euismod proin enna faucib massased auctor mollis unc cidunt. Read more, no leopelle needs easy cleaning over the years. He goes off to obtain the wisest asshole who will burn him. Auris aenean magnapro onec lectus tempor aliquet oin quam nec. Sce odious aduis roin poverty pretiu.\\nUltric quam teger at sapien nisl faucib esent aenean. Please log in to acquire some children. Roin augueph etsed lacinia sapienv itur eleifen. Nislnam uam arcused condim any malaria. Velitsed miquis mstut pulvinar leo nequen itnow. The bed is easy to miss. Rosed vengeful gsed maurisd dis turpis. Uis sodone drugs Sollic nec necmae nean uisque. Miprase eleifen idnulla portad uris some volutpa magnaqu scras. Lum nislin laoreet nunccras disse cursusque. Erdum ligula faucibus vivamus faucibus uisque sse bitur auris ivamus. Now the great woman is tormented, and she does not wear the skirt of the wise. While he is not risque lum Performanced mourning. Variusma oin eratetia suscip convalli magnis beginners liberout. Tur oin ridicul diampr proin cras loremin tique quamut sceler.\\nItur egesa augue velitsed msed taciti fusce aesent quam lacus. Per needle sellus felis lacusp viverr musfusce. As soon as the other members are ready Erdiet viverra disgrace lus volutp eratetia tcras. Aeneas ris necsed tate dui vulput. Fringi inenna oin blandi etsed nas laoreet. The archer mus urn free from the memories. Or the employee was hung up on the ibulum. Tsed urn auris portado bibendu mauris vestibu pregnant que. Sapien eratquis nulla euismod lus uitam scum tique. Convalli lisis quamphas aliquam nisiinte sed urient dolor. Tetiam scum llam bed bed teger bululum nulla eratquis. It is now the author of the weekend. But he is neither now aenean ras no sell to his companions. Faucibu necinte tempus sceler neque cursus justop aenean tudin. Lus sduis lectusn miproin quamal phasel tesque. Uam sce nequenu leocur lectus rutrum. Aeneas hendrer nas ellus justop leofusce vel. And don't penatib blemishes the cushions of the kitchen makeup tomorrow. Enean itself, but no teger loves. For the sacred is no easy thing to do. Nean to take some kind of life from the fear of the immune system. Tortor natoque fringi disse lum leo hendre laoreet nislqu. Nothing is more than a pleasure to sell avenging marriages, nor do I now bear it. Telluset orem itur esque maurisve duifusce. Usce solicitor tasse lus edonec amet anteduis musfusce ulum. Eger lacini pretium ipsumin euismo maurisin diam nec nunc lus. The mouse takes up onec nean vestib. Nas quam massan erat uisque sent lacus eratphas. Purus ibulum eger vulput neque nec. There's a lot of potential in the real estate. For what is soothing is the laughter of the antenunctio. The shores of the street are eleifen players in the backyard. Quite a whole lot of people. Taciti temporse ligula nuncproi neque class enimsus sfusce lorem.\\n\\nMagnaves convalli duifusce nuncsed vitae habitant lacusp. Arcaliq hendre natoque casinoma cost esent teger dum dolor sam. Metiam dictumst morris ris leosed ger needle etiam eger facile. Aeneas lla enimphas sit ger urnut old age tate mus. lectus scum auris tate facili disse feugiatm nunc. Estmae isised bulum sim posuered street feugiatm magnap nas nean. Vitaenul purusd molestie rhoncus rutruma estnulla tudin sedin It's a great way to get rid of fat diseases. The price of the earth can be pregnant justonul dishes. Which maecenas enas vestib duis sometimes musfusce commodo. Some ris isse layer disse is also. Iisent pain tique. Teger necmae rproin magnis nulla ipsum sque massased. Loremin uamnam throat nuncsed present uscras que lum. Rise netus ent tesque scum lla casino class haunted. Famines orsusp needs natoque ulum iquam.\\nMaurisin penatib nostra sdonec ligula nibhcras congued diampr anteduis elitphas Lacini nean arcualiq nec lacuse auguesed. Eger hendre magnapro diamin tomorrow some mussed. Marriages also but mass miin nequenu. Laughs that's easy. Conubia hac lectus duis natoque porttito lobortis necsed. These diseases are tsed orper ulum sse portado llus. Ligula vitaenu uscras duinulla iam laoreetc duis nunc nunc. Vitaenu sent no sedinteg to the worthy llaut for what arcaliq. Atein needsal Now it will come to pass, that the sickness will be removed Asin faucibu aesent laoreet iam rhoncusv nequenu potenti aenean sfusce. Egestas nulla nuncproi quamin iquam duis consequat bus. Unless the bow is ours, the pain begins to vary with the pellet tique eduis. How the immune system can drink from the tormentor's laughter. \\n\\nLus viverr urn himena oin volutpat orciduis beginner sduis. Mauris turpis rhoncus oin ear nisimor nequeal laughter We go nowhere in this valley. It was not present. The great things that are easy for the free vehicles You've got no need to do so. The sacred needsal freedom to be disseised every day. Sellus until he's not ready for tomorrow. There was an annoyance in the bus orcs of a pregnant woman. Afusce liberfu modnam eu inproin quispr. Sollic estsusp platea quat loremin arcu lum. Justo tfusce imperdie mnulla loremin roin scum enimlo risusvi nislqu. For those who were disgraced and not yet killed before. Ad uris lacusaen sse nostra fringi ad. None setiam lacuse fusce musfusce nec sque. Nonmorbi integer fusce enean quamin cat entum sellus. Iam laut quamal dum something eclass tiam. Nituves be cared on Sent ndisse dui. As soon as they fall, they bow to their fans. Disse lum odio facile euismodd msed nec roin. Tortor laughter The Allies mussed, or fears the flag before the dusk. Flats rrased wise planning tasse or adorned by. Aesent egesa poisons the companions of the leocras. Uris conubia ligulain just mussed liberoa varius nascetur tormentum Tesque maurisve consec adipis hac sapienma conseqno The pain of the euismo ever lus usce ibulum to obtain the homework even the cat. Nismor duis leopelle nec leoet et uscras. Temporse lus vestibu class sick children solicit throat ivamus. And then the disea`,\n        position: 'Software Engineer',\n        address: `15, Kesakaka Compound, I.b.patel Road, Kalbadevi, Mumbai, India`,\n        phone: '02228760112',\n        imagePath: 'https://gatsby.sg/img/men-lifestyle/best-haircuts-men-top-mens-hairstyles-today/best-haircuts-men-top-mens-hairstyles-today-05.jpg'\n    }\n]","import React, {useEffect, useState} from 'react'\nimport { CandidateData } from './CandidateData'\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport Axios from 'axios'\n\nimport './ReferralDynamicPage.css'\n\nconst ReferralDynamicPage = (props) => {\n    const [candidate, setCandidate] = useState({});\n    useEffect(() => {\n        let slug = props.location.pathname.split('/')[props.location.pathname.split('/').length - 1]\n        let selected = CandidateData.filter(el => el.id == slug);\n        if (selected.length > 0) {\n            setCandidate(selected[0])\n        }\n    }, [])\n\n    return (\n        <>\n            <PageTitle title=\"Candidate\" back path='/career/my-referrals' />\n            <h1 className=\"referral-dynamic-title\">{candidate.name}</h1>\n            <div className=\"referral-dynamic-main\">\n                <div className=\"referral-box-1\">\n                    <p>\n                        {candidate.description}\n                    </p>\n                </div>\n                <div className=\"referral-box-2\">\n                    <img\n                        src={candidate.imagePath}\n                        className=\"referral-candidate-img\"\n                    />\n                    <h4>Position: <span className=\"referral-candidate-metadata\">{candidate.position}</span></h4>\n                    <h4>Address: <span className=\"referral-candidate-metadata\">{candidate.address}</span></h4>\n                    <h4>Phone: <span className=\"referral-candidate-metadata\">{candidate.phone}</span></h4>\n                    \n                </div>\n            </div>\n        </>\n    )\n}\n\nexport default ReferralDynamicPage;","import React from 'react';\nimport { withStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography'\nimport Button from '@material-ui/core/Button'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './Mentorship.css'\n\nconst StyledTableCell = withStyles((theme) => ({\n  head: {\n    backgroundColor: theme.palette.action.hover,\n    // color: theme.palette.common.black,\n    fontWeight: \"bold\"\n  },\n  body: {\n    fontSize: 14,\n  },\n}))(TableCell);\n\nconst StyledTableRow = withStyles((theme) => ({\n  // root: {\n  //   '&:nth-of-type(odd)': {\n  //     backgroundColor: theme.palette.action.hover,\n  //   },\n  // },\n}))(TableRow);\n\nfunction createData(photo, worker) {\n  return { photo, worker };\n}\n\n// const rows = [\n//   createData('Photo1', 'Rahul'),\n//   createData('Photo2', 'Akash'),\n//   createData('Photo3', 'Riya')\n// ];\n\nconst rows = []\n\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 700,\n  },\n});\n\nconst Mentorship = () => {\n  const classes = useStyles();\n  const theme = useTheme()\n\n  return (\n    <div>\n    <PageTitle title=\"My Mentorships\" />\n    <div className=\"mentorship-main\">\n        <div className=\"mentorship-btn-group\">\n            <Button variant=\"contained\" className=\"mentorship-btn\">Add a Mentor</Button>\n            <Button variant=\"contained\" className=\"mentorship-btn\">Find Mentor</Button>\n        </div>\n        <div className=\"mentorship-item\">\n            <Typography variant=\"h6\" style={{marginBottom: \"25px\"}} className=\"mentorship-item-title\">Mentors</Typography>\n            <Typography variant=\"caption\" style={{marginBottom: \"8px\"}}><span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n            <TableContainer component={Paper}>\n            <Table className={classes.table} aria-label=\"customized table\">\n                <TableHead>\n                <TableRow>\n                    <StyledTableCell>Photo</StyledTableCell>\n                    <StyledTableCell>Worker</StyledTableCell>\n                </TableRow>\n                </TableHead>\n                <TableBody>\n                {rows.map((row) => (\n                    <StyledTableRow key={row.name}>\n                    <StyledTableCell>{row.photo}</StyledTableCell>\n                    <StyledTableCell>{row.worker}</StyledTableCell>\n                    </StyledTableRow>\n                ))}\n                </TableBody>\n            </Table>\n            {\n            !rows.length > 0 && <div style={{\n                textAlign: \"center\",\n                padding: \"15px\"\n            }}>No Data Available</div>\n            }\n            </TableContainer>\n        </div>\n        <div className=\"mentorship-item\">\n            <Typography variant=\"h6\" style={{marginBottom: \"25px\"}} className=\"mentorship-item-title\">Mentees</Typography>\n            <Typography variant='caption' style={{marginBottom: \"8px\"}}><span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n            <TableContainer component={Paper}>\n            <Table className={classes.table} aria-label=\"customized table\">\n                <TableHead>\n                <TableRow>\n                    <StyledTableCell>Photo</StyledTableCell>\n                    <StyledTableCell>Worker</StyledTableCell>\n                </TableRow>\n                </TableHead>\n                <TableBody>\n                {rows.map((row) => (\n                    <StyledTableRow key={row.name}>\n                    <StyledTableCell>{row.photo}</StyledTableCell>\n                    <StyledTableCell>{row.worker}</StyledTableCell>\n                    </StyledTableRow>\n                ))}\n                </TableBody>\n            </Table>\n            {\n            !rows.length > 0 && <div style={{\n                textAlign: \"center\",\n                padding: \"15px\"\n            }}>No Data Available</div>\n            }\n            </TableContainer>\n        </div>\n        <div className=\"mentorship-item\">\n            <Typography variant=\"h6\"style={{marginBottom: \"25px\"}} className=\"mentorship-item-title\">Past Mentorship</Typography>\n            <Typography variant=\"caption\" style={{marginBottom: \"8px\"}}><span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n            <TableContainer component={Paper}>\n            <Table className={classes.table} aria-label=\"customized table\">\n                <TableHead>\n                <TableRow>\n                    <StyledTableCell>Photo</StyledTableCell>\n                    <StyledTableCell>Worker</StyledTableCell>\n                    <StyledTableCell>Role</StyledTableCell>\n                </TableRow>\n                </TableHead>\n                <TableBody>\n                {rows.map((row) => (\n                    <StyledTableRow key={row.name}>\n                    <StyledTableCell>{row.photo}</StyledTableCell>\n                    <StyledTableCell>{row.worker}</StyledTableCell>\n                    </StyledTableRow>\n                ))}\n                </TableBody>\n            </Table>\n            {\n            !rows.length > 0 && <div style={{\n                textAlign: \"center\",\n                padding: \"15px\"\n            }}>No Data Available</div>\n            }\n            </TableContainer>\n        </div>\n    </div>\n    </div>\n  );\n}\n\nexport default Mentorship","import React from \"react\";\n\nimport \"./Job.css\";\nimport { Link } from 'react-router-dom'\nimport Autocompete from './Autocompete'\nimport JobHeader from './JobHeader'\nimport {\n  Typography,\n  TextField,\n  InputAdornment,\n  Box,\n  Button,\n  // Autocomplete,\n  Checkbox,\n  FormControl,\n  FormLabel,\n  RadioGroup,\n  Radio,\n  MenuItem,\n  FormControlLabel,\n  FormGroup,\n  InputLabel,\n  Select,\n} from \"@material-ui/core\";\nimport { useHistory } from 'react-router-dom'\nimport { makeStyles, useTheme } from '@material-ui/core/styles'\n// import  { LinearProgressProps } from '@mui/material/LinearProgress';\n\n\n// function LinearProgressWithLabel(props: LinearProgressProps & { value: number }) {\n//   return (\n//     <Box sx={{ display: 'flex', alignItems: 'center' }}>\n//       <Box sx={{ width: '100%', mr: 1 }}>\n//         <LinearProgress variant=\"determinate\" {...props} />\n//       </Box>\n//       <Box sx={{ minWidth: 35 }}>\n//         <Typography variant=\"body2\" color=\"text.secondary\">{`${Math.round(\n//           props.value,\n//         )}%`}</Typography>\n//       </Box>\n//     </Box>\n//   );\n// }\nconst useStyles = makeStyles((theme) => ({\n  container: {\n      marginLeft: \"30px\"\n  },\n  textField: {\n      border: \"1px solid #A9A9A9\",\n      borderRadius: \"5px\",\n      padding: \"10px\",\n  },\n  label: {\n      fontSize: \"15px !important\"\n  }\n}));\n\n  // const [progress, setProgress] = React.useState(10);\n\n  // React.useEffect(() => {\n  //   const timer = setInterval(() => {\n  //     setProgress((prevProgress) => (prevProgress >= 100 ? 10 : prevProgress + 10));\n  //   }, 800);\n  //   return () => {\n  //     clearInterval(timer);\n  //   };\n  // }, []);\n  \n\nconst Job = () => {\n    const classes = useStyles()\n    const theme = useTheme()\n    const history = useHistory()\n    const [value, setValue] = React.useState('');\n\n    const handleChange = (event) => {\n        setValue(event.target.value);\n    };\n  return (\n    \n    <div class=\"job\">\n     <JobHeader/>\n     <div className=\"job-container\">\n     <div className='job-title'>Copy Details from Existing Requisition</div>\n     <div className=\"job-ans\"><Autocompete/></div></div>\n     <div className=\"job-container\">\n     <div className='job-title'>Supervisory Organization <span className=\"mandatory\">*</span></div>\n     <div className=\"job-ans\"> <Autocompete/></div>\n     </div>\n    \n<FormControl component=\"fieldset\" style={{marginLeft: \"35px\"}}>\n                    <RadioGroup aria-label=\"Position\" name=\"gender1\" value={value} onChange={handleChange}>\n                        <FormControlLabel \n                            value=\"Create New Postion\" \n                            control={<Radio color=\"primary\" />} \n                            label={<Typography style={{fontSize: \"15px\"}}>Create New Postion</Typography>}\n                        />\n                        </RadioGroup></FormControl>\n\n                      <div className=\"job-container\">\n     <div className='job-title'> \n     <FormControl component=\"fieldset\" style={{marginLeft: \"15px\"}}>\n                    <RadioGroup aria-label=\"Position\" name=\"gender1\" value={value} onChange={handleChange}>\n      <FormControlLabel \n                            value=\"For Existing Postion\" \n                            control={<Radio color=\"primary\" />} \n                            label={<Typography style={{fontSize: \"15px\"}}>For Existing Postion</Typography>}\n                        />\n                    </RadioGroup></FormControl>\n                </div> \n                <div className=\"job-ans\"> \n       <Autocompete/> </div></div>\n        <div className=\"job-container\"> \n        <div className='job-title'>Worker type <span className=\"mandatory\">*</span>  \n        </div>\n        <div className=\"job-ans\"><div className=\"worker-type\">\n      <FormControl fullWidth>\n        <InputLabel id=\"demo-simple-select-label\">Select one</InputLabel>\n        <Select\n          labelId=\"demo-simple-select-label\"\n          id=\"demo-simple-select\"\n          \n        >\n          <MenuItem value={10}>Select one</MenuItem>\n          <MenuItem value={20}>Contigent Worker </MenuItem>\n          <MenuItem value={30}>Employee</MenuItem>\n         \n        </Select>\n      </FormControl></div></div>\n      </div>\n     \n\n\n                        <div className='next-bar'>\n                        <Link to=\"#\">  <button className='back-btn'>Cancel</button></Link>\n                        <Link to=\"/Jobprocess\"> <button className='next-btn'>Ok</button></Link>\n          \n        </div>\n   \n\n      \n      \n    \n     \n    {/* <Box sx={{ width: '100%' }}>\n      <LinearProgressWithLabel value={progress} />\n    </Box> */}\n \n    </div> \n   \n  );\n}\nexport default Job;\n","import React from 'react'\nimport Job from './Job.js'\n\nexport default function JobRequisition() {\n  return (\n    <div class =\"jobRequisition\">\n        <Job/>\n    </div>\n  )\n}\n","import React from \"react\";\nimport Autocompete from './Autocompete'\n// import Checkbox from '@mui/material/Checkbox';\n// import Select, { SelectChangeEvent } from '@mui/material/Select';\n\n// function BasicSelect() {\n//   const [age, setAge] = React.useState('');\n\n//   const handleChange = (event: SelectChangeEvent) => {\n//     setAge(event.target.value as string);\n//   }}\n//import Job from './Job.js'\nimport { Link } from 'react-router-dom'\nimport \"./Recruitment.css\";\nimport {\n  Typography,\n  TextField,\n  InputAdornment,\n  Button,\n  Autocomplete,\n  Checkbox,\n  FormControl,\n  MenuItem,\n  FormControlLabel,\n  FormGroup,\n  InputLabel,\n  Box,\n  Select,\n} from \"@material-ui/core\";\nimport './JobProcess.css';\nimport JobHeader from './JobHeader'\nimport SideBar from './SideBar'\n\n   \nexport default function Recruitment() {\n  return (\n    <> \n    <JobHeader/>\n    <div class =\"jobProcess\">\n        <SideBar/>\n    <div class=\"rec\">\n      <h1>Recruiting Details</h1>\n      <br/>\n      <div className=\"field-hd\">Number of Openings</div> <br />\n      <input type=\"Number\" className=\"text_name\" />\n      <br />\n      <div className=\"field-hd\"> Reason <span className=\"mandatory\">*</span></div> \n      <br />\n      <div className=\"field-hd\"> Spotlight Job</div> \n      <FormGroup>\n        <FormControlLabel control={<Checkbox defaultChecked />} label=\"\" />\n      </FormGroup>\n      <br />\n      <div className=\"field-hd\">Replacement For</div> \n      <Autocompete/>\n      <br />\n      <Box sx={{ minWidth: 120 }}>\n      <div className=\"field-hd\">Recruiting Instruction</div> \n     \n      <div className=\"Rec-instr\">\n        <FormControl fullWidth>\n          {/* <InputLabel id=\"demo-simple-select-label\">Select one</InputLabel> */}\n          <Select\n            labelId=\"demo-simple-select-label\"\n            id=\"demo-simple-select\"\n            //   value={age}\n            //   label=\"Age\"\n            //   onChange={handleChange}\n          >\n            <MenuItem value={10}>Post External only</MenuItem>\n            <MenuItem value={20}>Posting Not Required</MenuItem>\n            <MenuItem value={30}>Post Internal and External</MenuItem>\n            <MenuItem value={30}>\n              Post Internally for two weeks before posting external\n            </MenuItem>\n            <MenuItem value={30}>Post Internal only</MenuItem>\n          </Select>\n        </FormControl>\n      </div>\n      </Box>\n      <div className=\"field-hd\">Recruiting Start Date <span className=\"mandatory\">*</span></div> \n    \n      <TextField\n        id=\"date\"\n        type=\"date\"\n        style={{ padding: \"10px\", color: \"black\" }}\n        defaultValue=\"YYYY/MM/DD\"\n        InputLabelProps={{\n          shrink: true,\n        }}\n      />\n      <br />\n      <div className=\"field-hd\">Target Hire Date <span className=\"mandatory\">*</span></div>\n      \n      <TextField\n        id=\"date\"\n        type=\"date\"\n        style={{ padding: \"10px\", color: \"black\", width:\"300px\" }}\n        defaultValue=\"YYYY/MM/DD\"\n        InputLabelProps={{\n          shrink: true,\n        }}\n      />{\" \"}\n     <br/>\n      <div className=\"field-hd\"> Target end Date <br /></div>\n      <TextField\n        id=\"date\"\n        type=\"date\"\n        style={{ padding: \"10px\", color: \"black\" , width:\"300px\"}}\n        defaultValue=\"YYYY/MM/DD\"\n        InputLabelProps={{\n          shrink: true,\n        }}\n      /><br/>\n      <div className=\"field-hd1\"><h2>Referral Details</h2></div>\n      <div className=\"field-hd\">Referral Payement plans</div>\n      <Autocompete/>\n\n      <br/>\n      </div>\n      </div>\n      <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n   <Link to=\"/job\"> <button className='next-btn'>Next</button></Link>\n          \n        </div></>\n  );\n}\n","import React from \"react\";\n\nimport {\n  Typography,\n  TextField,\n  InputAdornment,\n  Box,\n  Button,\n  Checkbox,\n  FormControl,\n  FormLabel,\n  RadioGroup,\n  Radio,\n  MenuItem,\n  FormControlLabel,\n  FormGroup,\n  InputLabel,\n  Select,\n} from \"@material-ui/core\";\nimport \"./Expense.css\";\nimport Autocompete from \"../JobRequisition/Autocompete\";\nexport default function Expense() {\n  return (\n    <>\n      <div class=\"Expense\" style={{width: '100%'}}>\n        <h1>Create Expense Report</h1>\n        <hr />\n        <div className=\"field-container\">\n          <div className=\"field-titles\">\n            Expense Report<span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"field-ans\">\n            <br />\n            <br />\n            <span className=\"work-h\"></span>For Contingent Worker: Test Change\n          </div>\n        </div>\n        <div className=\"field-container\">\n          <div className=\"field-titles\">Creation Options</div>\n          <div className=\"field-ans\">\n            <span className=\"mandatory\">*</span>\n            <FormControl>\n              <RadioGroup\n                aria-labelledby=\"demo-radio-buttons-group-label\"\n                defaultValue=\"new\"\n                name=\"radio-buttons-group\"\n              >\n                <FormControlLabel\n                  value=\"new\"\n                  control={<Radio />}\n                  label=\"  Create New Expense Report \"\n                />\n\n                <FormControlLabel\n                  value=\"old\"\n                  control={<Radio />}\n                  label=\"Copy Previous Expense Report \"\n                />\n                <Autocompete />\n                <FormControlLabel\n                  value=\"old\"\n                  control={<Radio />}\n                  label=\"     Create New Expense Report from Spend Authorization\"\n                />\n                <Autocompete />\n              </RadioGroup>\n            </FormControl>\n          </div>\n        </div>\n        <div className=\"field-container\">\n          <div className=\"field-titles\">\n            Memo <span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"field-ans\">\n            <textarea style={{width: '100%'}} rows={5} cols={100} />\n          </div>\n        </div>\n        <div className=\"field-container\">\n          <div className=\"field-titles\">\n            Company<span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"field-ans\">\n            <Autocompete />\n          </div>\n        </div>\n\n        <div className=\"field-container\">\n          <div className=\"field-titles\">\n            Expense Report Date<span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"field-ans\">\n            <TextField\n              id=\"date\"\n              type=\"date\"\n              style={{ padding: \"10px\", color: \"black\" }}\n              defaultValue=\"YYYY/MM/DD\"\n              InputLabelProps={{\n                shrink: true,\n              }}\n            />\n          </div>\n        </div>\n        <div className=\"field-container\">\n          <div className=\"field-titles\">\n            Worktags<span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"field-ans\">\n            <Autocompete />\n          </div>\n        </div>\n        <div className=\"field-container\">\n          <div className=\"field-titles\">\n            Enable Tax<span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"field-ans\">\n            {\" \"}\n            <br />\n            <FormGroup>\n              <FormControlLabel\n                control={<Checkbox defaultChecked />}\n                label=\"\"\n              />\n            </FormGroup>\n          </div>\n        </div>\n        <div className=\"button-div\">\n          <button className=\"ok-btn\">Ok</button>\n          <button className=\"cancel-btn\">Cancel</button>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from \"react\";\nimport { Paper, Typography, Box } from \"@material-ui/core\";\nimport Button from \"@mui/material/Button\";\nimport { Link } from \"react-router-dom\";\nimport PageTitle from \"../global/PageTitle/PageTitle\";\nimport \"./Expensepage.css\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport Expense from \"./Expense\";\nexport default function Expensepage() {\n  const [open, setOpen] = React.useState(false);\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n  return (\n    <>\n      <div class=\"Expensepage\">\n        <PageTitle title=\"Expenses\" back />\n        <div className=\"Expense-main\">\n          <div className=\"Expense-box1\">\n            <Paper className=\"Expense-box1-item1\">\n              <Typography>Change</Typography>\n              <div className=\"Expense-item1\">\n                <Box className=\"Expense-box\">\n                  <Link\n                    to=\"#\"\n                    className=\"Expense-link\"\n                    onClick={handleClickOpen}\n                  >\n                    Create Expense Report\n                  </Link>\n                </Box>\n                <Dialog \n                    open={open} \n                    onClose={handleClose}\n                    fullWidth\n                    maxWidth=\"lg\"\n                >\n                  <DialogContent fullWidth>\n                    <Expense />\n                  </DialogContent>\n                  <DialogActions>\n                    <Button onClick={handleClose}>Cancel</Button>\n                  </DialogActions>\n                </Dialog>\n\n                <Box className=\"Expense-box\">\n                  <Link to=\"#\" className=\"Expense-link\">\n                    Edit Expense Transactions\n                  </Link>\n                </Box>\n              </div>\n            </Paper>\n            <Paper className=\"Expense-box1-item2\">\n              <Typography>View</Typography>\n              <div className=\"Expense-item2\">\n                <Box className=\"Expense-box\">\n                  <Link to=\"#\" className=\"Expense-link\">\n                    Travel & Expense Links\n                  </Link>\n                </Box>\n                <Box className=\"Expense-box\">\n                  <Link to=\"#\" className=\"Expense-link\">\n                    Expense Reports\n                  </Link>\n                </Box>\n                <Box className=\"Expense-box\">\n                  <Link to=\"#\" className=\"Expense-link\">\n                    Expense Transactions\n                  </Link>\n                </Box>\n                <Box className=\"Expense-box\">\n                  <Link to=\"#\" className=\"Expense-link\">\n                    Payment Elections\n                  </Link>\n                </Box>\n              </div>\n            </Paper>\n          </div>\n          <div className=\"Expense-box2\">\n            <Paper className=\"Expense-box1-item1\" style={{ height: \"150px\" }}>\n              <Typography>Recent Expense Reports</Typography>\n\n              <Box className=\"Expense-box\">\n                <Link to=\"#\" className=\"Expense-link\">\n                  Draft- 03/22/2022 - memo\n                </Link>\n              </Box>\n              <Box className=\"Expense-box\">\n                <Link to=\"#\" className=\"Expense-link\">\n                  Draft- 03/22/2022 - memo\n                </Link>\n              </Box>\n              <Box className=\"Expense-box\">\n                <Link to=\"#\" className=\"Expense-link\">\n                  Draft- 03/22/2022 - memo\n                </Link>\n              </Box>\n            </Paper>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from 'react'\n// import DropBox from './DropBox'\nimport { Link } from 'react-router-dom'\nimport Autocompete from '../JobRequisition/Autocompete'\nimport PageTitle from '../global/PageTitle/PageTitle'\nimport {\n    Typography,\n    TextField,\n    InputAdornment,\n    Box,\n    Button,\n    Checkbox,\n    FormControl,\n    FormLabel,\n    RadioGroup,\n    Radio,\n    MenuItem,\n    FormControlLabel,\n    FormGroup,\n    InputLabel,\n    Select,\n  } from \"@material-ui/core\";\n  import './ExpenseLine.css';\nexport default function ExpenseLine() {\n  return (\n    <>\n      <PageTitle title=\"Create Expense Report\" />\n      <div className='expense-header'>\n      <div className='header-fields'>\n      <h6>Pay To:</h6> <br/>\n        Contingest Worker: Test bar\n        </div>\n       \n        <div className='header-fields'>\n          Status<br/>\n          Draft\n          </div>\n          <div className='header-fields'>\n       Personal<br/>\n          0.00 USD\n          </div>\n          <div className='header-fields'>\n     Reimbursement<br/>\n          0.00 USD\n          </div>\n          <div className='header-fields'>\n   Total<br/>\n          0.00 USD\n          </div>\n      </div>\n      <div className='Expense-report'>\n         <div className='side-bar'></div>\n\n   <div className='ExpenseLine'>\n\n    <h2>Expense Line</h2> \n    <div className='Expense-att'>\n    <div className='Expense-att-box'>\n                <div className='att-box'>\n                    <Typography style={{color: \"black\"}}>Drop files here</Typography>\n                    <div style={{\n                        background: \"#A9A9A9\",\n                        borderRadius:\"50%\",\n                        width: \"25px\",\n                        height: \"25px\",\n                        display: \"flex\",\n                        justifyContent: \"center\",\n                        alignItems: \"center\",\n                        fontSize: \"12px\",\n                        margin: \"6px 0 14px 0\"\n                    }}>or</div>\n                    <Button \n                        variant=\"contained\"\n                        style={{\n                            borderRadius: \"25px\",\n                            background: \"transparent\",\n                            border: \"1px solid #808080\",\n                            boxShadow: \"none\" ,\n                            fontWeight: \"bold\",\n                            fontSize: \"12px\",\n                            textTransform: \"initial\",\n                            padding: \"5px 20px\"\n                        }}    \n                    >Select files</Button>\n                </div>\n              \n                  <div className='attach-fields'>\n                  <div className='input-f'>\n                <h3>Date<span className=\"mandatory\">*</span></h3>\n                <TextField\n                    id=\"date\"   \n                    type=\"date\"\n                    style={{ padding: \"10px\", color: \"black\" }}\n                    defaultValue=\"YYYY/MM/DD\"\n                    InputLabelProps={{\n                      shrink: true,\n                    }}\n                  /> </div>\n                  <div className='input-f'>\n                  <h3>Expense Item<span className=\"mandatory\">*</span></h3><Autocompete/></div>\n                  <div className='input-f'><h3>Quantity<span className=\"mandatory\">*</span></h3><input className='in-f' type=\"number\"/></div>\n                  <div className='input-f'><h3>Per Unit Amount<span className=\"mandatory\">*</span></h3><input className='in-f' type=\"number\"/></div>\n                 <div className='input-f'><h3>Total Amount<span className=\"mandatory\">*</span></h3><Autocompete/></div>\n                 <div className='input-f'><h3>Currency<span className=\"mandatory\">*</span></h3><Autocompete/></div>\n                 <div className='input-f'><h3>Memo<span className=\"mandatory\">*</span><input className='in-f' type=\"text\"/></h3></div>\n                 \n                 </div>\n                  </div>\n   \n      <div className='Expense-item'>\n        <h2>Itemization</h2>\n       <div className=\"item-prize\"> Remaining Amount to Itemize   0.00/0.00 USD</div>\n        <br/>\n        <button className=\"Add\">Add</button>\n        <h2>Tax</h2><br/>\n        <div className='tax'>\n       Tax Code\n              <Autocompete/>\n            </div>\n            Tax Amount   0.00\n            <div className='tax'>\n       Reciept included \n       <FormGroup>\n       <FormControlLabel control={<Checkbox defaultChecked />} label=\"\" />\n     </FormGroup>\n            </div>\n              </div>\n              \n              </div>\n              <div className='next-bar'>\n              <Link to=\"#\">  <button className='back-btn'>Cancel</button></Link>\n              <Link to=\"/org\"> <button className='next-btn'>Next</button></Link>\n\n</div>\n   </div>\n   </div>\n   </>\n  )\n}\n","import React from 'react'\nimport JobHeader from './JobHeader'\nimport SideBar from './SideBar'\nimport Recruitment from './Recruitment.js'\nimport { Link } from 'react-router-dom'\nimport './JobProcess.css'\nexport default function JobProcess() {\n  return (\n   \n        <Recruitment/>\n  )\n}\n","import React from 'react'\nimport './AssignedRoles.css'\nimport './JobProcess.css';\nimport JobHeader from './JobHeader'\nimport SideBar from './SideBar'\nimport { Link } from 'react-router-dom'\nimport Autocompete from './Autocompete';\nexport default function AssignedRoles() {\n  return (\n    <> \n<JobHeader/>\n<div class =\"jobProcess\">\n    <SideBar/>\n    \n    <div class =\"job-AssignedRoles\">\n    <h1>Assigned Roles</h1>\n      <div class =\"AssignedRoles-content\">\n        <h4>Roles</h4>\n        <Autocompete/>\n        <br/>\n        <h4>Assigned To</h4> \n        <Autocompete/>\n        <hr/>\n        <button className='Add'>Add</button>\n        \n    </div></div> </div>\n    <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n    <button className='next-btn'>Next</button>\n    \n        </div>\n        </>\n  )\n}\n","import React from 'react'\nimport './Organisation.css';\nimport './JobProcess.css';\nimport { Link } from 'react-router-dom'\nimport JobHeader from './JobHeader'\nimport SideBar from './SideBar'\nexport default function Organisation() {\n  return (\n    <> \n    <JobHeader/>\n    <div class =\"jobProcess\">\n        <SideBar/>\n    <div class =\"Organisation\">\n<h1>Organisations</h1>\n     <div className='org-content'><h2>Company</h2>\n     Company<span className=\"mandatory\">*</span><br/>\n     0006jkjjjjjsj\n     </div> \n     <div className='org-content'><h2>Cost Center</h2>\n     Cost Center<span className=\"mandatory\">*</span><br/>\n     0006jkjjjjjsj<br/>\n     </div> \n     <div className='org-content'><h2>Region</h2>\n     Region<span className=\"mandatory\">*</span><br/>\n     0006jkjjjjjsj\n     </div> \n     <div className='org-content'><h2>Other</h2>\n     Other<span className=\"mandatory\">*</span><br/>\n        Direct or Indirect\n     </div> \n    </div>\n    </div>\n    <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n    <button className='next-btn'>Next</button>\n          \n        </div>\n    </>\n  )\n}\n","import React from 'react'\nimport Autocompete from './Autocompete'\nimport './JobProcess.css'\nimport './JobInfo.css'\nimport { Link } from 'react-router-dom'\nimport JobHeader from './JobHeader'\nimport SideBar from './SideBar'\nexport default function JobInfo() {\n  return (\n    <> \n    <JobHeader/>\n    <div class =\"jobProcess\">\n        <SideBar/>\n    <div class =\"job-info\">\n   \n<h1>Job Details</h1>\n      <div className=\"field-hd\"> Job Posting Title <span className=\"mandatory\">*</span></div>\n      <br />\n      <input type=\"text\" className=\"text_name\"/>\n      <br />\n      <div className=\"field-hd\"> Justification <span className=\"mandatory\">*</span> </div><br />\n      <textarea cols={50} rows={5}>\n      </textarea>\n      \n      <br/>\n    \n      <div className=\"field-hd\">Job Profiles <span className=\"mandatory\">*</span></div>  <Autocompete/> <br/>\n     \n      <div className=\"field-hd\">Additional Job Profiles <span className=\"mandatory\">*</span></div> <Autocompete/>\n      <br />\n      <div className=\"field-hd\">Job description Summary</div>\n      <br />\n      <textarea cols={50} rows={5}>\n      </textarea>\n      <br />\n    </div> </div>\n    <div className='next-bar'>\n                        <Link to=\"#\">  <button className='back-btn'>Cancel</button></Link>\n                        <Link to=\"/org\"> <button className='next-btn'>Next</button></Link>\n          \n        </div>\n    </>\n  )\n}","import React from 'react'\nimport './Attachment.css'\nimport './JobProcess.css';\nimport JobHeader from './JobHeader'\nimport SideBar from './SideBar'\nimport { Link } from 'react-router-dom'\nexport default function Attachment() {\n  return (\n    <> \n<JobHeader/>\n<div class =\"jobProcess\">\n    <SideBar/>\n    \n    <div class =\"job-Attachment\">\n    <h1>Attachment</h1>\n      <div class =\"Attachment-content\">\n        <h1>Documents</h1>\n        <button className='Add'>Add</button>\n        \n    </div></div> </div>\n    <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n    <button className='next-btn'>Next</button>\n    \n        </div>\n        </>\n  )\n}\n","export default __webpack_public_path__ + \"static/media/health.c6823bf2.svg\";","export default __webpack_public_path__ + \"static/media/group.854bd8e4.svg\";","export default __webpack_public_path__ + \"static/media/links.d6683d04.svg\";","export default __webpack_public_path__ + \"static/media/book.fbdfb699.svg\";","export default __webpack_public_path__ + \"static/media/stand.7b943671.svg\";","export default __webpack_public_path__ + \"static/media/workdayAssistant.2b2b83bf.svg\";","import React from 'react'\nimport {\n    Box,\n    Paper,\n    Typography\n} from '@material-ui/core'\n\nimport {\n    BrandingWatermark,\n    Group,\n    Timeline,\n    EmojiPeople,\n    Favorite\n} from '@material-ui/icons'\n\nimport health from '../../../../img/health.svg'\nimport group from '../../../../img/group.svg'\nimport links from '../../../../img/links.svg'\nimport book from '../../../../img/book.svg'\nimport stand from '../../../../img/stand.svg'\nimport workdayAssistant from '../../../../img/workdayAssistant.svg'\n\nconst Induction = () => {\n    return (\n        <Paper className=\"onboarding-item\">\n            <Typography variant=\"h7\" style={{fontWeight: \"bold\"}}>Induction</Typography>\n            <div className=\"onboarding-box-list-item\">\n                <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                    {/* <BrandingWatermark className=\"onboarding-box-icon\" /> */}\n                    <img src={workdayAssistant} className=\"onboarding-box-icon\" />\n                </Box>\n                <div className=\"onboarding-box-list-item-info\">\n                    <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>Who We Are</Typography>\n                    <Typography variant=\"caption\">\n                        As a listed company, we are invested in telecommunications and information technology...\n                    </Typography>\n                </div>\n            </div>\n            <div className=\"onboarding-box-list-item\">\n                <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                    {/* <Group className=\"onboarding-box-icon\" /> */}\n                    <img src={group} className=\"onboarding-box-icon\" />\n                </Box>\n                <div className=\"onboarding-box-list-item-info\">\n                    <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>Our Leadership Team</Typography>\n                    <Typography variant=\"caption\">\n                        \n                    </Typography>\n                    <Typography \n                        color=\"primary\" \n                        variant=\"caption\" \n                        style={{fontWeight: \"bold\", \"marginTop\":\"14px\"}}\n                        className=\"onboarding-info-link\"    \n                    >Our Leadership Team</Typography>\n                </div>\n            </div>\n            <div className=\"onboarding-box-list-item\">\n                <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                    {/* <Timeline className=\"onboarding-box-icon\" /> */}\n                    <img src={book} className=\"onboarding-box-icon\" />\n                </Box>\n                <div className=\"onboarding-box-list-item-info\">\n                    <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>Our Story</Typography>\n                    <Typography variant=\"caption\">\n                        Our corporate roots, planted in 1965, have spread, and we now have direct presences in S...\n                    </Typography>\n                </div>\n            </div>\n            <div className=\"onboarding-box-list-item\">\n                <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                    {/* <EmojiPeople className=\"onboarding-box-icon\" /> */}\n                    <img src={stand} className=\"onboarding-box-icon\" />\n                </Box>\n                <div className=\"onboarding-box-list-item-info\">\n                    <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>What We Stand For</Typography>\n                    <Typography variant=\"caption\">\n                        Our vision to be the leading technology solution provider in our chosen operational secto...\n                    </Typography>\n                </div>\n            </div>\n            <div className=\"onboarding-box-list-item\">\n                <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                    {/* <Favorite className=\"onboarding-box-icon\" /> */}\n                    <img src={health} className=\"onboarding-box-icon\" />\n                </Box>\n                <div className=\"onboarding-box-list-item-info\">\n                    <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>There Where It Matters</Typography>\n                    <Typography variant=\"caption\">\n                        We believe in doing good business while doing good. According, we aim always to live o...\n                    </Typography>\n                </div>\n            </div>\n        </Paper>\n    )\n}\n\nexport default Induction\n","import React from 'react'\nimport {\n    Paper,\n    Typography\n} from '@material-ui/core'\n\nconst HelpfulContacts = () => {\n    return (\n        <Paper className=\"onboarding-item\">\n            <Typography variant=\"h7\" style={{fontWeight: \"bold\"}}>Helpful Contacts</Typography>\n            <div style={{padding: \"20px\", textAlign: \"center\"}}>\n                <img src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQvcYWgLSyWI68e-x6saOrSnHJJ0tDQcuGSdQ&usqp=CAU\" className=\"onboarding-background\" />\n            </div>\n        </Paper>\n    )\n}\n\nexport default HelpfulContacts\n","import React from 'react'\nimport {\n    Paper,\n    Typography\n} from '@material-ui/core'\n\nconst FromMyManager = () => {\n    return (\n        <Paper className=\"onboarding-item\">\n            <Typography variant=\"h7\" style={{fontWeight: \"bold\"}}>From My Manager</Typography>\n            <div style={{padding: \"20px\", textAlign: \"center\"}}>\n                <img src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQvcYWgLSyWI68e-x6saOrSnHJJ0tDQcuGSdQ&usqp=CAU\" className=\"onboarding-background\" />\n            </div>\n        </Paper>\n    )\n}\n\nexport default FromMyManager\n","import React from 'react'\nimport {\n    Paper,\n    Typography\n} from '@material-ui/core'\n\nconst GettingStarted = () => {\n    return (\n        <Paper className=\"onboarding-item\">\n            <Typography variant=\"h7\" style={{fontWeight: \"bold\"}}>Getting Started</Typography>\n            <div style={{padding: \"20px\", textAlign: \"center\"}}>\n                <img src=\"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQvcYWgLSyWI68e-x6saOrSnHJJ0tDQcuGSdQ&usqp=CAU\" className=\"onboarding-background\" />\n            </div>\n        </Paper>\n    )\n}\n\nexport default GettingStarted\n","export default __webpack_public_path__ + \"static/media/laptop.839c670d.svg\";","import React from 'react'\nimport {\n    Box,\n    Paper,\n    Typography\n} from '@material-ui/core'\n\nimport {\n    DesktopMac,\n    Link\n} from '@material-ui/icons'\nimport Induction from './Induction'\nimport HelpfulContacts from './HelpfulContacts'\nimport FromMyManager from './FromMyManager'\nimport GettingStarted from './GettingStarted'\n\n\nimport links from '../../../../img/links.svg'\nimport laptop from '../../../../img/laptop.svg'\nimport './OnboardingBoxContainer.css'\n\nconst OnboardingBoxContainer = () => {\n    return (\n        <div className=\"onboarding-box-container\">\n            <div className=\"onboarding-item1\">\n                <Paper className=\"onboarding-item\">\n                    <Typography variant=\"h7\" style={{fontWeight: \"bold\"}}>Access AltronOneTouch anywhere, anytime</Typography>\n                    <div className=\"onboarding-box-list-item\">\n                        <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                            {/* <DesktopMac className=\"onboarding-box-icon\" /> */}\n                            <img src={laptop} className=\"onboarding-box-icon\" />\n                        </Box>\n                        <Typography variant=\"caption\" style={{marginLeft: \"15px\"}} className=\"onboarding-box-list-item-info\">\n                            The Workday app provides secure, mobile access to your Workday application on the-go...\n                        </Typography>\n                    </div>\n                </Paper>\n                <Paper className=\"onboarding-item\">\n                    <Typography variant=\"h7\" style={{fontWeight: \"bold\"}}>Quicklinks</Typography>\n                    <div className=\"onboarding-box-list-item\">\n                        <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                            {/* <Link className=\"onboarding-box-icon\" /> */}\n                            <img src={links} className=\"onboarding-box-icon\" />\n                        </Box>\n                        <div className=\"onboarding-box-list-item-info\">\n                            <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>My {localStorage.getItem('company')}</Typography>\n                            <Typography variant=\"caption\">\n                                The MyAltron Internet Site provides all the latest news, updates and information to all em...\n                            </Typography>\n                            <Typography \n                                color=\"primary\" \n                                variant=\"caption\" \n                                style={{fontWeight: \"bold\", \"marginTop\":\"14px\"}}\n                                className=\"onboarding-info-link\"    \n                            >My {localStorage.getItem('company')}</Typography>\n                        </div>\n                    </div>\n                    <div className=\"onboarding-box-list-item\">\n                        <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                            <img src={links} className=\"onboarding-box-icon\" />\n                        </Box>\n                        <div className=\"onboarding-box-list-item-info\">\n                            <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>D365 User Manuals</Typography>\n                            <Typography variant=\"caption\">\n                                This page contains training for all D365 transaction. Click on the Blue link beio...\n                            </Typography>\n                            <Typography \n                                color=\"primary\" \n                                variant=\"caption\" \n                                style={{fontWeight: \"bold\", \"marginTop\":\"14px\"}}\n                                className=\"onboarding-info-link\"    \n                            >D365</Typography>\n                        </div>\n                    </div>\n                    <div className=\"onboarding-box-list-item\">\n                        <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                            <img src={links} className=\"onboarding-box-icon\" />\n                        </Box>\n                        <div className=\"onboarding-box-list-item-info\">\n                            <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>Human Capital Information</Typography>\n                            <Typography variant=\"caption\">\n                                The Human Cpital Page will give you the information you need during your employment...\n                            </Typography>\n                            <Typography \n                                color=\"primary\" \n                                variant=\"caption\" \n                                style={{fontWeight: \"bold\", \"marginTop\":\"14px\"}}\n                                className=\"onboarding-info-link\"    \n                            >Human Capital</Typography>\n                        </div>\n                    </div>\n                    <div className=\"onboarding-box-list-item\">\n                        <Box className=\"onboarding-item-box\" bgcolor=\"primary.main\">\n                            <img src={links} className=\"onboarding-box-icon\" />\n                        </Box>\n                        <div className=\"onboarding-box-list-item-info\">\n                            <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>Human Capital and Employment Policy</Typography>\n                            <Typography variant=\"caption\">\n                                This policy encompasses the guidelines which constitute our Human Capital and Employ... \n                            </Typography>\n                            <Typography \n                                color=\"primary\" \n                                variant=\"caption\" \n                                style={{fontWeight: \"bold\", \"marginTop\":\"14px\"}}\n                                className=\"onboarding-info-link\"    \n                            >Human Capital and Employment Policy</Typography>\n                        </div>\n                    </div>\n                </Paper>\n            </div>\n\n            {/* BOX2 */}\n\n            <div className=\"onboarding-item2\">\n                <Induction />\n                <HelpfulContacts />\n            </div>\n            <div className=\"onboarding-item3\">\n                <FromMyManager />\n                <GettingStarted />\n            </div>\n        </div>\n    )\n}\n\nexport default OnboardingBoxContainer\n","/* eslint-disable jsx-a11y/alt-text */\nimport React from 'react'\nimport {\n    Box,\n    Paper,\n    Typography,\n    Button\n} from '@material-ui/core'\nimport MessageIcon from '@material-ui/icons/Message';\nimport OnboardingBoxContainer from './components/OnboardingBoxContainer/OnboardingBoxContainer'\nimport PageTitle from '../global/PageTitle/PageTitle'\n\n\nimport './OnBoardingpage.css'\n\nconst OnBoardingpage = () => {\n    return (\n        <div>\n            <PageTitle title=\"Onboarding\" back />\n            <div className=\"onboarding-main\">\n                <Box className=\"onboarding-header\" color=\"white\" bgcolor=\"primary.main\">\n                    <Paper style={{width: \"49%\", display: \"flex\", \"flexDirection\": \"column\"}}>\n                        <div className=\"onboarding-header1\">\n                            <img \n                                src=\"https://www.saprofessionals.com/wp-content/uploads/2019/10/Mteto-Nyati-Altron-Group-CE.jpg\" \n                                className=\"onboarding-header-img\"\n                            />\n                            <div className=\"onboarding-header1-info\">\n                                <Typography variant=\"h6\" style={{fontWeight: \"bold\"}}>Message from our Group Executive: Mteto Nyati</Typography>\n                                <Typography variant=\"caption\">\n                                    Welcome to Workday, I wish you all the success in your career with Workday and than you\n                                    for the contribution that you will make in your new role, to our strategic objectives.\n                                </Typography>\n                            </div>\n                        </div>\n                        <Typography color=\"primary\" style={{textAlign: \"center\", marginTop: \"auto\"}}>View More</Typography>\n                    </Paper>\n                    <Paper style={{width: \"49%\", display:\"flex\", \"flexDirection\": \"column\", \"alignContent\":\"space-between\"}}>\n                        <div className=\"onboarding-header2\">\n                            <MessageIcon color=\"primary\" style={{fontSize: \"40px\"}} />\n                            <div className=\"onboarding-header2-info\">\n                                <Typography variant=\"h6\" style={{fontWeight: \"bold\"}}>Message from Human Capital</Typography>\n                                <Typography variant=\"caption\">\n                                    Our Employees are at the center of what we do.\"Working for Workday could be the best decision\n                                    of your life. You get the opportunity to do work that is fulfilling and has an impact to our\n                                    country, you work for a bigger purpose.\"\n                                </Typography>\n                            </div>\n                        </div>\n                        <Typography color=\"primary\" style={{textAlign: \"center\"}}>View More</Typography>\n                    </Paper>\n                </Box>\n                <OnboardingBoxContainer />\n            </div>\n        </div>\n    )\n}\n\nexport default OnBoardingpage\n","export let colorCodes = {\n    \"aliceblue\": \"#f0f8ff\",\n    \"antiquewhite\": \"#faebd7\",\n    \"aqua\": \"#00ffff\",\n    \"aquamarine\": \"#7fffd4\",\n    \"azure\": \"#f0ffff\",\n    \"beige\": \"#f5f5dc\",\n    \"bisque\": \"#ffe4c4\",\n    \"black\": \"#000000\",\n    \"blanchedalmond\": \"#ffebcd\",\n    \"blue\": \"#0000ff\",\n    \"blueviolet\": \"#8a2be2\",\n    \"brown\": \"#a52a2a\",\n    \"burlywood\": \"#deb887\",\n    \"cadetblue\": \"#5f9ea0\",\n    \"chartreuse\": \"#7fff00\",\n    \"chocolate\": \"#d2691e\",\n    \"coral\": \"#ff7f50\",\n    \"cornflowerblue\": \"#6495ed\",\n    \"cornsilk\": \"#fff8dc\",\n    \"crimson\": \"#dc143c\",\n    \"cyan\": \"#00ffff\",\n    \"darkblue\": \"#00008b\",\n    \"darkcyan\": \"#008b8b\",\n    \"darkgoldenrod\": \"#b8860b\",\n    \"darkgray\": \"#a9a9a9\",\n    \"darkgreen\": \"#006400\",\n    \"darkgrey\": \"#a9a9a9\",\n    \"darkkhaki\": \"#bdb76b\",\n    \"darkmagenta\": \"#8b008b\",\n    \"darkolivegreen\": \"#556b2f\",\n    \"darkorange\": \"#ff8c00\",\n    \"darkorchid\": \"#9932cc\",\n    \"darkred\": \"#8b0000\",\n    \"darksalmon\": \"#e9967a\",\n    \"darkseagreen\": \"#8fbc8f\",\n    \"darkslateblue\": \"#483d8b\",\n    \"darkslategray\": \"#2f4f4f\",\n    \"darkslategrey\": \"#2f4f4f\",\n    \"darkturquoise\": \"#00ced1\",\n    \"darkviolet\": \"#9400d3\",\n    \"deeppink\": \"#ff1493\",\n    \"deepskyblue\": \"#00bfff\",\n    \"dimgray\": \"#696969\",\n    \"dimgrey\": \"#696969\",\n    \"dodgerblue\": \"#1e90ff\",\n    \"firebrick\": \"#b22222\",\n    \"floralwhite\": \"#fffaf0\",\n    \"forestgreen\": \"#228b22\",\n    \"fuchsia\": \"#ff00ff\",\n    \"gainsboro\": \"#dcdcdc\",\n    \"ghostwhite\": \"#f8f8ff\",\n    \"goldenrod\": \"#daa520\",\n    \"gold\": \"#ffd700\",\n    \"gray\": \"#808080\",\n    \"green\": \"#008000\",\n    \"greenyellow\": \"#adff2f\",\n    \"grey\": \"#808080\",\n    \"honeydew\": \"#f0fff0\",\n    \"hotpink\": \"#ff69b4\",\n    \"indianred\": \"#cd5c5c\",\n    \"indigo\": \"#4b0082\",\n    \"ivory\": \"#fffff0\",\n    \"khaki\": \"#f0e68c\",\n    \"lavenderblush\": \"#fff0f5\",\n    \"lavender\": \"#e6e6fa\",\n    \"lawngreen\": \"#7cfc00\",\n    \"lemonchiffon\": \"#fffacd\",\n    \"lightblue\": \"#add8e6\",\n    \"lightcoral\": \"#f08080\",\n    \"lightcyan\": \"#e0ffff\",\n    \"lightgoldenrodyellow\": \"#fafad2\",\n    \"lightgray\": \"#d3d3d3\",\n    \"lightgreen\": \"#90ee90\",\n    \"lightgrey\": \"#d3d3d3\",\n    \"lightpink\": \"#ffb6c1\",\n    \"lightsalmon\": \"#ffa07a\",\n    \"lightseagreen\": \"#20b2aa\",\n    \"lightskyblue\": \"#87cefa\",\n    \"lightslategray\": \"#778899\",\n    \"lightslategrey\": \"#778899\",\n    \"lightsteelblue\": \"#b0c4de\",\n    \"lightyellow\": \"#ffffe0\",\n    \"lime\": \"#00ff00\",\n    \"limegreen\": \"#32cd32\",\n    \"linen\": \"#faf0e6\",\n    \"magenta\": \"#ff00ff\",\n    \"maroon\": \"#800000\",\n    \"mediumaquamarine\": \"#66cdaa\",\n    \"mediumblue\": \"#0000cd\",\n    \"mediumorchid\": \"#ba55d3\",\n    \"mediumpurple\": \"#9370db\",\n    \"mediumseagreen\": \"#3cb371\",\n    \"mediumslateblue\": \"#7b68ee\",\n    \"mediumspringgreen\": \"#00fa9a\",\n    \"mediumturquoise\": \"#48d1cc\",\n    \"mediumvioletred\": \"#c71585\",\n    \"midnightblue\": \"#191970\",\n    \"mintcream\": \"#f5fffa\",\n    \"mistyrose\": \"#ffe4e1\",\n    \"moccasin\": \"#ffe4b5\",\n    \"navajowhite\": \"#ffdead\",\n    \"navy\": \"#000080\",\n    \"oldlace\": \"#fdf5e6\",\n    \"olive\": \"#808000\",\n    \"olivedrab\": \"#6b8e23\",\n    \"orange\": \"#ffa500\",\n    \"orangered\": \"#ff4500\",\n    \"orchid\": \"#da70d6\",\n    \"palegoldenrod\": \"#eee8aa\",\n    \"palegreen\": \"#98fb98\",\n    \"paleturquoise\": \"#afeeee\",\n    \"palevioletred\": \"#db7093\",\n    \"papayawhip\": \"#ffefd5\",\n    \"peachpuff\": \"#ffdab9\",\n    \"peru\": \"#cd853f\",\n    \"pink\": \"#ffc0cb\",\n    \"plum\": \"#dda0dd\",\n    \"powderblue\": \"#b0e0e6\",\n    \"purple\": \"#800080\",\n    \"rebeccapurple\": \"#663399\",\n    \"red\": \"#ff0000\",\n    \"rosybrown\": \"#bc8f8f\",\n    \"royalblue\": \"#4169e1\",\n    \"saddlebrown\": \"#8b4513\",\n    \"salmon\": \"#fa8072\",\n    \"sandybrown\": \"#f4a460\",\n    \"seagreen\": \"#2e8b57\",\n    \"seashell\": \"#fff5ee\",\n    \"sienna\": \"#a0522d\",\n    \"silver\": \"#c0c0c0\",\n    \"skyblue\": \"#87ceeb\",\n    \"slateblue\": \"#6a5acd\",\n    \"slategray\": \"#708090\",\n    \"slategrey\": \"#708090\",\n    \"snow\": \"#fffafa\",\n    \"springgreen\": \"#00ff7f\",\n    \"steelblue\": \"#4682b4\",\n    \"tan\": \"#d2b48c\",\n    \"teal\": \"#008080\",\n    \"thistle\": \"#d8bfd8\",\n    \"tomato\": \"#ff6347\",\n    \"turquoise\": \"#40e0d0\",\n    \"violet\": \"#ee82ee\",\n    \"wheat\": \"#f5deb3\",\n    \"white\": \"#ffffff\",\n    \"whitesmoke\": \"#f5f5f5\",\n    \"yellow\": \"#ffff00\",\n    \"yellowgreen\": \"#9acd32\"\n  }","import React, { useContext, useEffect, useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { Context } from '../../App'\nimport {\n    Typography,\n    Modal,\n    Backdrop,\n    Fade,\n    TextField,\n    Button\n} from '@material-ui/core'\nimport { useTheme, makeStyles } from '@material-ui/core/styles'\n\nimport { colorCodes } from '../../data/colorCodes'\nimport './Settingspage.css'\nimport { SettingsInputAntennaTwoTone } from '@material-ui/icons'\nimport PageTitle from '../global/PageTitle/PageTitle'\n\nconst useStyles = makeStyles((theme) => ({\n    modal: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    paper: {\n      width: \"400px\",\n      height: \"200px\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      fontSize: \"25px\",\n      backgroundColor: theme.palette.background.paper,\n      boxShadow: theme.shadows[6],\n      padding: theme.spacing(2, 4, 3),\n    },\n  }));\n\nconst Settingspage = () => {\n    const history = useHistory()\n    const theme = useTheme()\n    const colorObject = useContext(Context)\n    const classes = useStyles();\n    const [modalTitle, setModalTitle] = useState('')\n    const [modalText, setModalText] = useState('')\n    const [color, setColor] = useState('')\n    const [open, setOpen] = useState(false);\n    const [title, setTitle] = useState('')\n\n    useEffect(() => {\n        let temp = localStorage.getItem('title')\n        setTitle(temp)\n    }, [])\n\n\n\n    const handleOpen = () => {\n        setOpen(true);\n    };\n\n    const handleClose = () => {\n        setOpen(false);\n    };\n\n    const handleChange = (e) => {\n        setTitle(e.target.value)\n    }\n\n    return (\n        <div>\n        <PageTitle title=\"Theme Settings\" back />\n        <div className=\"settings-main\">\n            <div>\n            <Typography variant=\"h5\">Color Picker</Typography>\n                <div className=\"color-container\">\n                    {Object.keys(colorCodes).map(function(color, key) {\n                        return (\n                            <div \n                                key={key} \n                                style={{background: colorCodes[color]}} \n                                className=\"color-container-item\"\n                                onClick={() => {\n                                    colorObject.handleColorChange(colorCodes[color])\n                                    setColor(color)\n                                    setModalTitle('Theme')\n                                    setModalText(`Theme changed to ${color}`)\n                                    setOpen(true)\n                                }}    \n                            >\n                                <p style={{color: \"black\"}}>{color}</p>\n                            </div>\n                        )\n                    })}\n                    \n                </div>\n            </div>\n\n            <div>\n                <Typography variant=\"h5\">Title</Typography>\n                <TextField\n                    id=\"filled-full-width\"\n                    label=\"Title\"\n                    style={{ margin: 8 }}\n                    placeholder={title}\n                    fullWidth\n                    margin=\"normal\"\n                    InputLabelProps={{\n                        shrink: true,\n                    }}\n                    value={title}\n                    variant=\"filled\"\n                    onChange={handleChange}\n                />\n            </div>\n            \n            {\n                open && <Modal\n                    aria-labelledby=\"transition-modal-title\"\n                    aria-describedby=\"transition-modal-description\"\n                    className={classes.modal}\n                    open={open}\n                    onClose={handleClose}\n                    closeAfterTransition\n                    BackdropComponent={Backdrop}\n                    BackdropProps={{\n                    timeout: 500,\n                    }}\n                >\n                    <Fade in={open}>\n                    <div className={classes.paper}>\n                        <h2 id=\"transition-modal-title\">{modalTitle}</h2>\n                        <p id=\"transition-modal-description\" style={{color: theme.palette.primary.main, textAlign: \"center\", fontWeight: \"bold\"}}>{modalText}</p>\n                    </div>\n                    </Fade>\n                </Modal>\n            }\n        </div>\n        <div className=\"change-benefits-btn-container\">\n            <Button \n                variant=\"contained\" \n                color=\"secondary\" \n                className=\"change-benefits-btn1\"\n                onClick={() => {\n                    localStorage.setItem('title', title)\n                    setModalTitle('Title')\n                    setModalText(`Title changed to ${title}`)\n                    setOpen(true)\n                }}\n            >Change</Button>\n            <Button \n                variant=\"contained\" \n                className=\"change-benefits-btn2\"\n                onClick={() => history.push('/')}\n            >Cancel</Button>\n        </div>\n        </div>\n    )\n}\n\nexport default Settingspage\n","import React, { useState, useEffect } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport {\n    Typography,\n    TextField,\n    Button,\n    Modal,\n    Backdrop,\n    Fade,\n} from '@material-ui/core'\nimport { useTheme, makeStyles } from '@material-ui/core/styles'\n\nimport PageTitle from '../global/PageTitle/PageTitle'\n\nimport './CompanyNameSettings.css'\n\nconst useStyles = makeStyles((theme) => ({\n    modal: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    paper: {\n      width: \"400px\",\n      height: \"200px\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      fontSize: \"25px\",\n      backgroundColor: theme.palette.background.paper,\n      boxShadow: theme.shadows[6],\n      padding: theme.spacing(2, 4, 3),\n    },\n}));\n\nconst CompanyNameSettings = () => {\n    const classes = useStyles();\n    const history = useHistory()\n    const theme = useTheme()\n    const [company, setCompany] = useState('')\n    const [open, setOpen] = useState(false);\n\n    useEffect(() => {\n        let temp = localStorage.getItem('company')\n        setCompany(temp)\n    }, [])\n\n    const handleChange = (e) => {\n        setCompany(e.target.value)\n    }\n\n    const handleClose = () => {\n        setOpen(false);\n    };\n\n    return (\n        <div>\n            <PageTitle title=\"Company Name Settings\" back />\n            <div className=\"settings-main\" style={{height: \"60vh\"}}>\n                <div>\n                    <Typography variant=\"h5\">Company Name</Typography>\n                    <TextField\n                        id=\"filled-full-width\"\n                        label=\"Title\"\n                        style={{ margin: 8 }}\n                        placeholder={company}\n                        fullWidth\n                        margin=\"normal\"\n                        InputLabelProps={{\n                            shrink: true,\n                        }}\n                        value={company}\n                        variant=\"filled\"\n                        onChange={handleChange}\n                    />\n                </div>\n            </div>\n            <div className=\"change-benefits-btn-container\">\n                <Button \n                    variant=\"contained\" \n                    color=\"secondary\" \n                    className=\"change-benefits-btn1\"\n                    onClick={() => {\n                        localStorage.setItem('company', company)\n                        setOpen(true)\n                    }}\n                >Change</Button>\n                <Button \n                    variant=\"contained\" \n                    className=\"change-benefits-btn2\"\n                    onClick={() => history.push('/')}\n                >Cancel</Button>\n            </div>\n            {\n                open && <Modal\n                    aria-labelledby=\"transition-modal-title\"\n                    aria-describedby=\"transition-modal-description\"\n                    className={classes.modal}\n                    open={open}\n                    onClose={handleClose}\n                    closeAfterTransition\n                    BackdropComponent={Backdrop}\n                    BackdropProps={{\n                    timeout: 500,\n                    }}\n                >\n                    <Fade in={open}>\n                    <div className={classes.paper}>\n                        <h2 id=\"transition-modal-title\">Company Name</h2>\n                        <p id=\"transition-modal-description\" style={{color: theme.palette.primary.main, textAlign: \"center\", fontWeight: \"bold\"}}>\n                            Company name changed to {company}\n                        </p>\n                    </div>\n                    </Fade>\n                </Modal>\n            }\n        </div>\n    )\n}\n\nexport default CompanyNameSettings\n","import React from 'react'\nimport {\n    Paper,\n    Typography,\n    Box\n} from '@material-ui/core'\nimport { Link } from 'react-router-dom'\n\nimport PageTitle from '../global/PageTitle/PageTitle'\nimport './Absencepage.css'\n\nconst Absencepage = () => {\n    return (\n        <div>\n        <PageTitle title=\"Absence\" back />\n        <div className=\"absence-main\">\n            <div className=\"absence-box1\">\n                <Paper className=\"absence-box1-item1\">\n                    <Typography>Request</Typography>\n                    <div className=\"absence-item1\">\n                        <Box className=\"absence-box\">\n                            <Link to=\"/request-absence\" className=\"absence-link\">Request Absence</Link>\n                        </Box>\n                        <Box className=\"absence-box\">\n                            <Link to=\"#\" className=\"absence-link\">Correct My Absence</Link>\n                        </Box>\n                        <Box className=\"absence-box\">\n                            <Link to=\"#\" className=\"absence-link\">Request Return from Leave of Absence</Link>\n                        </Box>\n                    </div>\n                </Paper>\n                <Paper className=\"absence-box1-item2\">\n                    <Typography>View</Typography>\n                    <div className=\"absence-item2\">\n                        <Box className=\"absence-box\">\n                            <Link to=\"#\" className=\"absence-link\">My Absence</Link>\n                        </Box>\n                        <Box className=\"absence-box\">\n                            <Link to=\"#\" className=\"absence-link\">Available Absence</Link>\n                        </Box>\n                    </div>\n                </Paper>\n            </div>\n            <div className=\"absence-box2\">\n                <Paper className=\"absence-box1-item1\">\n                    <Typography>Available Balance as of Today</Typography>\n                    <Typography variant=\"subtitle2\" style={{marginTop: \"15px\"}}>Does not include future absence requessts</Typography>\n                    <div className=\"absence-list-container\">\n                        <div>3.75 Days - Annual Leave - S.A(Days)</div>\n                        <div>0 Days - Corporate Social Initiative Leave</div>\n                        <div>5 Days - Family Leave</div>\n                        <div>0 Hours - Leave in Lieu of Overtime</div>\n                        <div>2 Days - Paternity Leave</div>\n                        <div>1.67 Days = Sick Leave S.A</div>\n                        <div>0 Days - Special Leave</div>\n                        <div>0 Days - Work At Home S.A</div>\n                    </div>\n                </Paper>\n            </div>\n        </div>\n        </div>\n    )\n}\n\nexport default Absencepage\n","import React from 'react'\nimport {\n    Typography,\n    TextField\n} from '@material-ui/core'\n\nconst Balances = () => {\n    return (\n        <div className=\"balances-main\">\n            <Typography variant=\"h5\" style={{fontWeight: \"bold\", marginBottom: \"15px\"}}>Balances</Typography>\n            <div className=\"absence-date\">\n                <Typography variant=\"caption\" style={{alignSelf: \"center\"}}>Balance as of</Typography>\n                <form noValidate style={{marginLeft: \"5px\", marginBottom: \"10px\"}}>\n                    <TextField\n                        id=\"date\"\n                        type=\"date\"\n                        style={{padding: \"5px\", width: \"170px\"}}\n                        defaultValue=\"YYYY/MM/DD\"\n                        InputLabelProps={{\n                        shrink: true,\n                        }}\n                    />\n                </form>\n            </div>\n            <Typography variant=\"h5\" style={{fontWeight: \"bold\", marginBottom: \"10px\"}}>Per Plan</Typography>\n            <div className=\"balances-list-item\" style={{borderTop: \"none\"}}>\n                <Typography variant=\"caption\">Annual Leave - S.A (Days)</Typography>\n                <Typography variant=\"caption\">3.75 Days</Typography>\n            </div>\n            <div className=\"balances-list-item\">\n                <Typography variant=\"caption\">Corporate Social Initiative Leave</Typography>\n                <Typography variant=\"caption\">0 Days</Typography>\n            </div>\n            <div className=\"balances-list-item\">\n                <Typography variant=\"caption\">Family Leave</Typography>\n                <Typography variant=\"caption\">5 Days</Typography>\n            </div>\n            <div className=\"balances-list-item\">\n                <Typography variant=\"caption\">Leave in Lieu of Overtime</Typography>\n                <Typography variant=\"caption\">0 Days</Typography>\n            </div>\n            <div className=\"balances-list-item\">\n                <Typography variant=\"caption\">Paternity Leave</Typography>\n                <Typography variant=\"caption\">2 Days</Typography>\n            </div>\n            <div className=\"balances-list-item\">\n                <Typography variant=\"caption\">Sick Leave S.A</Typography>\n                <Typography variant=\"caption\">1.67 Days</Typography>\n            </div>\n            <div className=\"balances-list-item\">\n                <Typography variant=\"caption\">Annual Leave - S.A (Days)</Typography>\n                <Typography variant=\"caption\">3.75 Days</Typography>\n            </div>\n        </div>\n    )\n}\n\nexport default Balances\n","import React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport {\n    Typography,\n    Table,\n    TableContainer,\n    TableRow,\n    Paper,\n    TableHead,\n    TableCell,\n    TableBody,\n    Button\n} from '@material-ui/core'\nimport { withStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport DehazeIcon from '@material-ui/icons/Dehaze'\n\nconst StyledTableCell = withStyles((theme) => ({\n    head: {\n      backgroundColor: theme.palette.action.hover,\n      // color: theme.palette.common.white,\n      fontWeight: \"bold\"\n    },\n    body: {\n      fontSize: 14,\n    },\n  }))(TableCell);\n  \n  const StyledTableRow = withStyles((theme) => ({\n    // root: {\n    //   '&:nth-of-type(odd)': {\n    //     backgroundColor: theme.palette.action.hover,\n    //   },\n    // },\n  }))(TableRow);\n\n  function createData(competency, rating) {\n    return { competency, rating };\n  }\n  \n  const rows = [\n    createData('Competency1', 4),\n  ];\n  \n  const useStyles = makeStyles({\n    table: {\n      minWidth: 700,\n    },\n  });\n\n\nconst RequestNext = () => {\n    const classes = useStyles();\n    const theme = useTheme()\n    const history = useHistory()\n    return (\n        <div>\n        <div className=\"request-next-main\">\n            <Typography variant=\"caption\">\n                <span style={{fontWeight: \"bold\"}}>Total &nbsp; &nbsp; <span style={{color: theme.palette.action.active}}>2 days - Annual Leaves S.A (Days)</span></span>\n            </Typography>\n            <Typography variant=\"caption\" style={{marginTop: \"20px\", marginBottom: \"8px\"}}>\n                <span style={{fontWeight: \"bold\"}}>Request &nbsp; &nbsp; <span style={{color: theme.palette.action.active}}>1 item</span></span>\n            </Typography>\n            <TableContainer component={Paper}>\n                <Table className={classes.table} aria-label=\"customized table\">\n                    <TableHead>\n                    <TableRow>\n                        <StyledTableCell>{\"+\"}</StyledTableCell>\n                        <StyledTableCell align=\"left\">*From</StyledTableCell>\n                        <StyledTableCell align=\"left\">*To</StyledTableCell>\n                        <StyledTableCell align=\"left\">*Type</StyledTableCell>\n                        <StyledTableCell align=\"left\">Quantity per Day</StyledTableCell>\n                        <StyledTableCell align=\"left\">Total</StyledTableCell>\n                        <StyledTableCell align=\"left\"></StyledTableCell>\n                    </TableRow>\n                    </TableHead>\n                    <TableBody>\n                    {rows.map((row) => (\n                        <StyledTableRow key={row.name}>\n                        <StyledTableCell align=\"left\"></StyledTableCell>\n                        <StyledTableCell align=\"left\">\n                            <div style={{\n                                border: \"1px solid #c0c0c0\",\n                                padding: \"10px\",\n                                width: \"100px\",\n                                borderRadius: \"3px\"\n                            }}>2021/06/14</div>\n                        </StyledTableCell>\n                        <StyledTableCell align=\"left\">\n                            <div style={{\n                                border: \"1px solid #c0c0c0\",\n                                padding: \"10px\",\n                                width: \"100px\",\n                                borderRadius: \"3px\"\n                            }}>2021/06/15</div>\n                        </StyledTableCell>\n                        <StyledTableCell>\n                            <div style={{\n                                display: \"flex\", \n                                border: \"1px solid #c0c0c0\", \n                                padding: \"10px\", \n                                borderRadius: \"3px\"\n                            }}>\n                                <p>{\"x\"}</p>\n                                <Typography variant=\"caption\" style={{alignSelf: \"center\", marginLeft: \"5px\"}}>Annual Leaves S.A (Days)</Typography>\n                                <DehazeIcon style={{marginLeft: \"auto\"}} />\n                            </div>\n                        </StyledTableCell>\n                        <StyledTableCell>1 day</StyledTableCell>\n                        <StyledTableCell>2 days</StyledTableCell>\n                        <StyledTableCell>\n                            <div style={{\n                                background: \"#f1f0f0\",\n                                border: \"1px solid #c0c0c0\",\n                                borderRadius: \"25px\",\n                                padding: \"5px 20px\",\n                                display: \"inline-block\",\n                                fontWeight: \"bold\",\n                                fontSize: \"12px\",\n                                color: \"black\"         \n                            }}>Edit Quantity per Day</div>\n                        </StyledTableCell>\n                        </StyledTableRow>\n                    ))}\n                    </TableBody>\n                </Table>\n            </TableContainer>\n            <div style={{\n                margin: \"20px 0\",\n                height: \"50px\",\n                border: \"1px solid #c0c0c0\",\n                borderRadius: \"3px\",\n            }}></div>\n            <div className=\"change-benefits-comment-container\" style={{width: \"70%\", height: \"20px\", marginBottom:\"20px\"}}>\n                <img \n                    src=\"data:image/jpeg;base64,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\" \n                    className=\"change-benefits-profile-comment\" \n                />\n                <textarea \n                    className=\"change-benefits-comment\" \n                    rows=\"3\" \n                    cols=\"100\"\n                    placeholder=\"enter your comment\"    \n                ></textarea>\n            </div>\n            <div style={{marginTop: \"80px\", width: \"70%\"}}>\n            <Typography variant=\"h5\" style={{fontWeight: \"bold\"}}>Attachments</Typography>\n                <div style={{\n                    display: \"flex\", \n                    flexDirection: \"column\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                    background: '#f0f1f2',\n                    border: \"1px dotted #808080\",\n                    borderRadius: '5px',\n                    padding: \"30px\"\n                }}>\n                    <Typography style={{color: \"black\"}}>Drop files here</Typography>\n                    <div style={{\n                        background: \"#A9A9A9\",\n                        borderRadius:\"50%\",\n                        width: \"25px\",\n                        height: \"25px\",\n                        display: \"flex\",\n                        justifyContent: \"center\",\n                        alignItems: \"center\",\n                        fontSize: \"12px\",\n                        margin: \"6px 0 14px 0\"\n                    }}>or</div>\n                    <Button \n                        variant=\"contained\"\n                        style={{\n                            borderRadius: \"25px\",\n                            background: \"transparent\",\n                            border: \"1px solid #808080\",\n                            boxShadow: \"none\" ,\n                            fontWeight: \"bold\",\n                            fontSize: \"12px\",\n                            textTransform: \"initial\",\n                            padding: \"5px 20px\"\n                        }}    \n                    >Select files</Button>\n                </div>\n            </div>\n        </div>\n        <div className=\"change-benefits-btn-container\">\n            <Button variant=\"contained\" color=\"secondary\" className=\"change-benefits-btn1\">Submit</Button>\n            <Button \n                variant=\"contained\" \n                className=\"change-benefits-btn2\"\n                onClick={() => history.push('/')}\n            >Cancel</Button>\n        </div>\n        </div>\n    )\n}\n\nexport default RequestNext\n","import React from 'react'\nimport moment from 'moment'\nimport { Typography, TextField, InputAdornment, Button } from '@material-ui/core'\nimport DehazeIcon from '@material-ui/icons/Dehaze';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport Balances from './Balances'\nimport RequestNext from './RequestNext'\nimport './RequestAbsence.css'\nimport { ThreeSixty } from '@material-ui/icons';\n\nimport Modal from '@material-ui/core/Modal';\nimport Backdrop from '@material-ui/core/Backdrop';\nimport Fade from '@material-ui/core/Fade';\n\nclass RequestAbsence extends React.Component {\n    constructor(props) {\n        super(props)\n        this.width = props.width || \"100%\";\n        this.style = props.style || {\n            position: 'relative',\n            margin: '50px auto'\n        };\n    }\n\n    state = {\n        dateContext: moment(),\n        today: moment(),\n        showMonthPopup: false,\n        showYearPopup: false,\n        modalOpen: false,\n        next: false,\n        typeList: false,\n        typeArray: [\n            'Additional Sick Leave',\n            'Annual Leave S.A (Days)',\n            'Sick Leave S.A (Days)',\n            'Overtime Leave'\n        ],\n        from: '',\n        to: '',\n        selectedTypes: []\n    }\n\n    weekdays = moment.weekdays();\n    weekdaysShort = moment.weekdaysShort();\n    months = moment.months()\n\n    handleModalOpen = () => {\n        this.setState({\n            modalOpen: true\n        })\n      };\n    \n    handleModalClose = () => {\n        this.setState({\n            modalOpen: false,\n            from: null,\n            to: null,\n            selectedTypes: []\n        })\n    };\n\n    year = () => {\n        return this.state.dateContext.format('Y')\n    }\n    month = () => {\n        return this.state.dateContext.format('MMMM')\n    }\n    daysInMonth = () => {\n        return this.state.dateContext.daysInMonth()\n    }\n    currentDate = () => {\n        return this.state.dateContext.get('date')\n    }\n    currentDay = () => {\n        return this.state.dateContext.format('D')\n    }\n\n    firstDayOfMonth = () => {\n        let dateContext = this.state.dateContext;\n        let firstDay = moment(dateContext).startOf('month').format('d');\n        return firstDay;\n    }\n\n    setMonth = (month) => {\n        let monthNo = this.months.indexOf(month)\n        let dateContext = Object.assign({}, this.state.dateContext)\n        dateContext = moment(dateContext).set(\"month\", monthNo)\n        this.setState({\n            dateContext: dateContext\n        })\n    }\n\n    nextMonth = () => {\n        let dateContext = Object.assign({}, this.state.dateContext)\n        dateContext = moment(dateContext).add(1, \"month\")\n        this.setState({\n            dateContext: dateContext\n        })\n    }\n\n    prevMonth = () => {\n        let dateContext = Object.assign({}, this.state.dateContext)\n        dateContext = moment(dateContext).subtract(1, \"month\")\n        this.setState({\n            dateContext: dateContext\n        })\n    }\n\n    onSelectChange = (e, data) => {\n        this.setMonth(data)\n    }\n\n    SelectList = (props) => {\n        let popup = props.data.map(data => {\n            return (\n                <div key={data}>\n                    <a href=\"#\" onClick={(e) => {\n                        this.onSelectChange(e, data)\n                    }}>{data}</a>\n                </div>\n            )\n        })\n        return (\n            <div className=\"month-popup\">\n                {popup}\n            </div>\n        )\n    }\n\n    onChangeMonth = (e, month) => {\n        this.setState({\n            showMonthPopup: !this.state.showMonthPopup\n        })\n    }\n\n    MonthNav = () => {\n        return (\n            <span className=\"label-month\"\n                // onClick={(e) => this.onChangeMonth(e, this.month())}\n            >\n                {this.month()}\n                {this.state.showMonthPopup && <this.SelectList data={this.months} />}\n            </span>\n        )\n    }\n\n    showYearEditor = (e) => {\n        this.setState({\n            showYearNav: true\n        })\n    }\n\n    setYear = (year) => {\n        let dateContext = Object.assign({}, this.state.dateContext)\n        dateContext = moment(dateContext).set(\"year\", year)\n        this.setState({\n            dateContext: dateContext\n        })\n    }\n\n    onYearChange = (e) => {\n        this.setYear(e.target.value)\n    }\n\n    onKeyUpYear = (e) => {\n        if (e.which === 13 || e.which === 27) {\n            this.setYear(e.target.value)\n            this.setState({\n                showYearNav: false\n            })\n        }\n    }\n\n    YearNav= () => {\n        return (\n                this.state.showYearNav ? \n                <input \n                    defaultValue={this.year()}\n                    className=\"editor-year\"\n                    ref={(yearInput) => this.yearInput = yearInput}\n                    onKeyUp={(e) => this.onKeyUpYear(e)}\n                    onChange={(e) => this.onYearChange(e)}\n                    type=\"number\"\n                    placeholder=\"year\"\n                /> :\n                <span \n                className=\"label-year\" \n                onDoubleClick={(e) => this.showYearEditor(e)}\n                >\n                    {this.year()}\n                </span>\n\n        )\n    }\n\n    onDayClick = (e, day) => {\n        alert(day)\n    }\n\n    handleTypeClick = () => {\n        this.setState({\n            typeList: !this.state.typeList\n        })\n    }   \n\n    handleSelectedType = (e) => {\n        let typeArray = this.state.selectedTypes\n        if(!typeArray.includes(e.target.innerText)) {\n            typeArray.push(e.target.innerText)\n        }\n        this.setState({\n            selectedTypes: typeArray,\n            typeList: !this.state.typeList\n        })\n    }\n\n    handleDeleteType = (e) => {\n        let typeArray = this.state.selectedTypes\n        let filteredTypeArray = typeArray.filter(type => !(type == e.target.value))\n        this.setState({\n            selectedTypes: filteredTypeArray\n        })\n    }\n\n    render() {\n        let weekdays = this.weekdays.map(day => {\n            return (\n                <td key={day} className=\"week-day\">{day}</td>\n            )\n        })\n\n        let blanks = []\n        for(let i=0; i<this.firstDayOfMonth(); i++) {\n            blanks.push(\n                <td key={i*80} className=\"emptySlot\">\n                    {\"\"}\n                </td>\n            )\n        }\n\n        let daysInMonth = [];\n        for(let d=1; d<=this.daysInMonth(); d++) {\n            let className = (d == this.currentDay() ? \"day current-day\" : \"day\")\n            daysInMonth.push(\n                <td key={d} className={className}>\n                    <span onClick={(e) => this.onDayClick(e, d)}>{d}</span>\n                </td>\n            )\n        }\n        \n        let totalSlots = [...blanks, ...daysInMonth]\n        let rows = []\n        let cells = []\n\n        totalSlots.forEach((row, i) => {\n            if ((i % 7) !== 0) {\n                cells.push(row)\n            } else {\n                let insertRow = cells.slice();\n                rows.push(insertRow)\n                cells = []\n                cells.push(row)\n            }\n            if (i === totalSlots.length - 1) {\n                let insertRow = cells.slice();\n                rows.push(insertRow)\n            }\n        })\n\n        let trElems = rows.map((d, i) => {\n            return (\n                <tr key={i*100}>\n                    {d}\n                </tr>\n            )\n        })\n\n        let displayYearList = () => {\n            let options = []\n            for(let i=1900; i<=2050; i++) {\n                options.push(i)\n            }\n            return options\n        }\n\n        return (\n            <div>\n                <PageTitle title=\"Absence Calendar\" />\n                {!this.state.next && <div className=\"requestAbsence-main\">\n                    <Typography variant=\"caption\">Click and drag on the calendar or select data range</Typography>\n                    <div className=\"requestAbsence-btn-container\">\n                        <a href='#' className=\"requestAbsence-btn1\" onClick={this.handleModalOpen}>Select Date Range</a>\n                        <a href=\"#\" className=\"requestAbsence-btn2\">View Teams</a>\n                    </div>\n                    <div className=\"request-absence-flex-container\">\n                        <div className=\"request-absence-item1\">\n                            <Balances />\n                        </div>\n                        <div className=\"request-absence-calendar\">\n                            <div className=\"table-header-container\">\n                                <p onClick={(e) => this.prevMonth()} className=\"table-arrow\">{\"<\"}</p>\n                                <p onClick={(e) => this.nextMonth()} className=\"table-arrow\">{\">\"}</p>\n                                <h4><this.MonthNav /></h4>\n                                <h4><this.YearNav /></h4>\n                                {/* <ExpandMoreIcon \n                                    className=\"table-expand-icon\" \n                                    onClick={() => <displayYearList />}\n                                /> */}\n                                <select \n                                    name=\"years\" \n                                    id=\"years\" \n                                    className=\"table-year-list\"\n                                    onChange={(e) => this.setYear(e.target.value)} \n                                >\n                                    {\n                                        displayYearList().map(option => {\n                                            if(option == this.year()) {\n                                                return <option selected=\"selected\">{option}</option>\n                                            }\n                                            return <option\n                                                key={option} \n                                                value={option}   \n                                            >{option}</option>\n                                        })\n                                    }\n                                </select>\n                            </div>\n\n                            <table className=\"calendar-main\" cellSpacing=\"0\">\n                                <tbody>\n                                    <tr className='table-weekdays'>{weekdays}</tr>\n                                    {trElems}\n                                </tbody>\n                            </table>\n                        </div>\n                    </div>\n                </div>\n                }\n                {\n                    this.state.next && <RequestNext />\n                }\n                <Modal\n                    aria-labelledby=\"transition-modal-title\"\n                    aria-describedby=\"transition-modal-description\"\n                    disableEnforceFocus\n                    style={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        borderRadius: \"5px !important\"\n                    }}\n                    open={this.state.modalOpen}\n                    onClose={this.handleModalClose}\n                    closeAfterTransition\n                    BackdropComponent={Backdrop}\n                    BackdropProps={{\n                    timeout: 500,\n                    }}\n                >\n                    <Fade in={this.state.modalOpen} style={{borderRadius: \"5px !important\"}}>\n                    <div style={{\n                        background: \"white\",\n                        padding: \"10px 10px 10px 15px\",\n                        width: \"300px\",\n                        color: \"black\",\n                        borderRadius: \"5px !important\"\n                    }}>\n                        <p style={{textAlign: \"right\", cursor: \"pointer\", fontSize:\"20px\"}} onClick={this.handleModalClose}>{\"x\"}</p>\n                        <h3 style={{paddingBottom: \"15px\", marginBottom: \"20px\",borderBottom: \"1px solid #c0c0c0\"}}>Select Date Range</h3>\n                        <div className=\"absence-date\">\n                            <Typography variant=\"caption\" style={{alignSelf: \"center\", width: \"20%\"}}>From</Typography>\n                            <form \n                                noValidate \n                                style={{margin: \"0 auto\", color: \"black !important\", display: \"flex\", width: \"80%\"}}\n                                onChange={(e) => this.setState({ from: e.target.value })}\n                            >\n                                <span className=\"mandatory\">*</span>\n                                <TextField\n                                    id=\"date\"\n                                    type=\"date\"\n                                    style={{padding: \"10px\", color: \"black\"}}\n                                    defaultValue=\"YYYY/MM/DD\"\n                                    InputLabelProps={{\n                                    shrink: true,\n                                    }}\n                                />\n                            </form>\n                        </div>\n                        <div className=\"absence-date\">\n                            <Typography variant=\"caption\" style={{alignSelf: \"center\", width: \"20%\"}}>To</Typography>\n                            <form \n                                noValidate \n                                style={{display: \"flex\", margin: \"0 auto\", width:\"80%\"}}\n                                onChange={(e) => this.setState({ to: e.target.value })}\n                            >\n                                <span className=\"mandatory\">*</span>\n                                <TextField\n                                    id=\"date\"\n                                    type=\"date\"\n                                    style={{padding: \"10px\"}}\n                                    defaultValue=\"YYYY/MM/DD\"\n                                    InputLabelProps={{\n                                    shrink: true,\n                                    }}\n                                />\n                            </form>\n                        </div>\n                        <div className=\"absence-date\">\n                            <Typography variant=\"caption\" style={{alignSelf: \"center\", width: \"20%\"}}>Type</Typography>\n                            <div style={{\n                                margin: \"0 auto\",\n                                height: \"auto\",\n                                display: \"flex\",\n                                width: \"80%\",\n                            }}>\n                                <span className=\"mandatory\">*</span>\n                                <div style={{\n                                    width: \"100%\",\n                                    marginLeft: \"10px\",\n                                    borderRadius: \"5px\",\n                                    border: \"1px solid #C0C0C0\",\n                                    position: \"relative\",\n                                    alignItems: \"center\"\n                                }}>\n                                    <div style={{\n                                        width: \"100%\",   \n                                        display: \"flex\", \n                                        alignItems: \"center\"\n                                    }}>\n                                        {\n                                            this.state.typeList && <div className=\"absence-type-dropdown\">\n                                                {this.state.typeArray.map((type, key) => {\n                                                    return <div key={key}className=\"absence-type-list-item\">\n                                                        <p style={{width: \"100%\"}} onClick={this.handleSelectedType}>{type}</p>\n                                                    </div>\n                                                })}\n                                            </div>\n                                        }\n                                        <div className=\"absence-type-search-container\"></div>\n                                        <DehazeIcon onClick={this.handleTypeClick} style={{cursor: \"pointer\"}} />\n                                    </div>\n                                    <div style={{padding: \"10px\", display: \"flex\", \"flexWrap\": \"wrap\", fontSize: \"12px\", fontWeight: \"bold\"}}>\n                                    {\n                                        this.state.selectedTypes.map((type, key) => {\n                                            return <div key={key} style={{\n                                                width: \"100%\", \n                                                display: \"flex\", \n                                                background:\"#ebe8e8\",\n                                                padding: \"5px\",\n                                                marginBottom: \"7px\"\n                                            }}>\n                                                <button value={type} style={{\n                                                    width: \"15%\", \n                                                    cursor: \"pointer\",\n                                                    border: \"none\",\n                                                    background: \"transparent\"\n                                                }} onClick={this.handleDeleteType}>x</button>\n                                                <p style={{width:\"85%\"}}>{type}</p>\n                                            </div>\n                                        })    \n                                    }\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div style={{\n                            margin: \"0 auto\", \n                            marginTop: \"10px\", \n                            padding: \"10px\",\n                            display: \"flex\",\n                            \"justifyContent\": \"center\",\n                            \"alignItems\": \"center\"\n                        }} className=\"change-benefits-btn-container\">\n                            <Button \n                                variant=\"contained\" \n                                color=\"secondary\" \n                                className=\"change-benefits-btn1\"\n                                onClick={() => {\n                                    this.setState({\n                                        modalOpen: false,\n                                        next: true\n                                    })\n                                }}\n                                disabled={(this.state.from && this.state.to && this.state.selectedTypes.length > 0) ? false: true}\n                            >Next</Button>\n                            <Button \n                                variant=\"contained\" \n                                className=\"change-benefits-btn2\"\n                                onClick={this.handleModalClose}    \n                            >Cancel</Button>\n                        </div>\n                    </div>\n                    </Fade>\n                </Modal>\n                {\n                  !this.state.next &&  <div className=\"change-benefits-btn-container\">\n                        <Button variant=\"contained\" color=\"secondary\" className=\"change-benefits-btn1\">Request Absence</Button>\n                    </div>\n                }\n            </div>\n        )\n    }\n}\n\nexport default RequestAbsence\n","import React from 'react'\nimport {\n    Paper,\n    Typography,\n    Box\n} from '@material-ui/core'\nimport { Link } from 'react-router-dom'\nimport PageTitle from '../global/PageTitle/PageTitle'\n\nimport './Benefitspage.css'\n\nconst Benefitspage = () => {\n    return (\n        <div>\n        <PageTitle title=\"Benefits\" back />\n        <div className=\"benefits-main\">\n            <div className=\"benefits-box1\">\n                <Paper className=\"benefits-box1-item1\">\n                    <Typography>Change</Typography>\n                    <div className=\"benefits-item1\">\n                        <Box className=\"benefits-box\">\n                            <Link to=\"/benefits/change-benefits\" className=\"benefits-link\">Benefits</Link>\n                        </Box>\n                    </div>\n                </Paper>\n                <Paper className=\"benefits-box1-item2\">\n                    <Typography>View</Typography>\n                    <div className=\"benefits-item2\">\n                        <Box className=\"benefits-box\">\n                            <Link to=\"/benefits/benefit-elections\" className=\"benefits-link\">Benefit Elections</Link>\n                        </Box>\n                        <Box className=\"benefits-box\">\n                            <Link to=\"/career/my-referrals\" className=\"benefits-link\">Benefit Elections as of Date</Link>\n                        </Box>\n                    </div>\n                </Paper>\n            </div>\n            <div className=\"benefits-box2\">\n                <Paper className=\"benefits-box1-item1\" style={{height: \"150px\"}}>\n                    <Typography>Current Cost</Typography>\n                    <p style={{color: \"#696969\", marginTop: \"12px\"}}>$ 7049.68</p>\n                </Paper>\n            </div>\n        </div>\n        </div>\n    )\n}\n\nexport default Benefitspage\n","/* eslint-disable jsx-a11y/alt-text */\nimport React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport {\n    Typography,\n    FormControl,\n    FormControlLabel,\n    Radio,\n    RadioGroup,\n    TextField,\n    Button\n} from '@material-ui/core'\nimport { makeStyles, useTheme } from '@material-ui/core/styles'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './ChangeBenefits.css'\n\nconst useStyles = makeStyles((theme) => ({\n    container: {\n        marginLeft: \"30px\"\n    },\n    textField: {\n        border: \"1px solid #A9A9A9\",\n        borderRadius: \"5px\",\n        padding: \"10px\",\n    },\n    label: {\n        fontSize: \"15px !important\"\n    }\n  }));\n\nconst ChangeBenefits = () => {\n    const classes = useStyles()\n    const theme = useTheme()\n    const history = useHistory()\n    const [value, setValue] = React.useState('');\n\n    const handleChange = (event) => {\n        setValue(event.target.value);\n    };\n\n    return (\n        <div style={{display: \"flex\", flexDirection: \"column\"}}>\n        <PageTitle title=\"Change Benefits\" />\n        <div className=\"change-benefits-main\">\n            <div className=\"change-benefits-reason\">\n                <Typography variant=\"caption\" style={{fontWeight: \"bold\", marginTop: \"10px\"}}>Change Reason</Typography>\n                <span className=\"mandatory\">*</span>\n                <FormControl component=\"fieldset\" style={{marginLeft: \"35px\"}}>\n                    <RadioGroup aria-label=\"benefits\" name=\"gender1\" value={value} onChange={handleChange}>\n                        <FormControlLabel \n                            value=\"Additional Voluntary Contribution (AVC)\" \n                            control={<Radio color=\"primary\" />} \n                            label={<Typography style={{fontSize: \"13px\"}}>Additional Voluntary Contribution (AVC)</Typography>}\n                        />\n                        <FormControlLabel \n                            value=\"Beneficiary Changes\" \n                            control={<Radio color=\"primary\" />} \n                            label={<Typography style={{fontSize: \"13px\"}}>Beneficiary Changes</Typography>}\n                        />\n                        <FormControlLabel \n                            value=\"Declare Alternate Medical Aid\" \n                            control={<Radio color=\"primary\" />} \n                            label={<Typography style={{fontSize: \"13px\"}}>Declare Alternate Medical Aid</Typography>}   \n                        />\n                    </RadioGroup>\n                </FormControl>\n            </div>\n\n            {\n                value && <div style={{display: \"flex\", marginTop: \"35px\"}} className=\"benefit-event\">\n                    <Typography variant=\"caption\" style={{fontWeight: \"bold\", alignSelf: \"center\"}}>Benefit Event Date</Typography>\n                    <span className=\"mandatory\">*</span>\n                    <form className={classes.container} noValidate>\n                        <TextField\n                            id=\"date\"\n                            type=\"date\"\n                            defaultValue=\"YYYY/MM/DD\"\n                            className={classes.textField}\n                            InputLabelProps={{\n                            shrink: true,\n                            }}\n                        />\n                    </form>\n                </div>\n            }\n            {\n                value && <div style={{display: \"flex\", marginTop: \"35px\"}}>\n                    <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>Submit Elections By</Typography>\n                    <Typography style={{marginLeft: \"25px\", alignSelf: \"center\"}} variant=\"caption\">(empty)</Typography>\n                </div>\n            }\n\n            {\n                value && <div style={{display: \"flex\", marginTop: \"35px\"}}>\n                    <Typography variant=\"caption\" style={{fontWeight: \"bold\"}}>Benefits Offered</Typography>\n                    <Typography style={{marginLeft: \"25px\", alignSelf: \"center\"}} variant=\"caption\">(empty)</Typography>\n                </div>\n            }\n\n            {\n                value && <div style={{marginTop: \"35px\"}}>\n                <Typography variant=\"h5\" style={{fontWeight: \"bold\"}}>Attachments</Typography>\n                <div style={{\n                    display: \"flex\", \n                    flexDirection: \"column\",\n                    justifyContent: \"center\",\n                    alignItems: \"center\",\n                    background: '#f0f1f2',\n                    border: \"1px dotted #808080\",\n                    borderRadius: '5px',\n                    padding: \"30px\"\n                }}>\n                    <Typography style={{color: \"black\"}}>Drop files here</Typography>\n                    <div style={{\n                        background: \"#A9A9A9\",\n                        borderRadius:\"50%\",\n                        width: \"25px\",\n                        height: \"25px\",\n                        display: \"flex\",\n                        justifyContent: \"center\",\n                        alignItems: \"center\",\n                        fontSize: \"12px\",\n                        margin: \"6px 0 14px 0\"\n                    }}>or</div>\n                    <Button \n                        variant=\"contained\"\n                        style={{\n                            borderRadius: \"25px\",\n                            background: \"transparent\",\n                            border: \"1px solid #808080\",\n                            boxShadow: \"none\" ,\n                            fontWeight: \"bold\",\n                            fontSize: \"12px\",\n                            textTransform: \"initial\",\n                            padding: \"5px 20px\"\n                        }}    \n                    >Select files</Button>\n                </div>\n                </div>\n            }\n\n            <div className=\"change-benefits-comment-container\">\n                <img \n                    src=\"data:image/jpeg;base64,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\" \n                    className=\"change-benefits-profile-comment\" \n                />\n                <textarea \n                    className=\"change-benefits-comment\" \n                    rows=\"3\" \n                    cols=\"100\"\n                    placeholder=\"enter your comment\"    \n                ></textarea>\n            </div>\n        </div>\n        <div className=\"change-benefits-btn-container\" style={{marginTop: \"auto\", display: \"block\"}}>\n            <Button variant=\"contained\" color=\"secondary\" className=\"change-benefits-btn1\">Submit</Button>\n            <Button variant=\"contained\" className=\"change-benefits-btn2\">Save for Later</Button>\n            <Button \n                variant=\"contained\" \n                className=\"change-benefits-btn2\"\n                onClick={() => history.push('/')}    \n            >Cancel</Button>\n        </div>\n        </div>\n    )\n}\n\nexport default ChangeBenefits\n","import React from 'react';\nimport { withStyles, makeStyles, useTheme } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography'\n\nimport PageTitle from '../../../global/PageTitle/PageTitle'\nimport './BenefitElections.css'\n\nconst StyledTableCell = withStyles((theme) => ({\n  head: {\n    backgroundColor: theme.palette.action.hover,\n    // color: theme.palette.common.black,\n    fontWeight: \"bold\"\n  },\n  body: {\n    fontSize: 14,\n  },\n}))(TableCell);\n\nconst StyledTableRow = withStyles((theme) => ({\n  // root: {\n  //   '&:nth-of-type(odd)': {\n  //     backgroundColor: theme.palette.action.hover,\n  //   },\n  // },\n}))(TableRow);\n\nfunction createData(plan, coverageBeginDate, deductionBeginDate, coverage, calculatedCoverage, dependents, beneficiaries, employeeCost, employerContribution) {\n  return { \n    plan, \n    coverageBeginDate, \n    deductionBeginDate, \n    coverage, \n    calculatedCoverage, \n    dependents,\n    beneficiaries, \n    employeeCost, \n    employerContribution \n  };\n}\n\nconst rows = [\n  createData('Medical Aid (ZAF)-Discovery-Essential Server', '2020/06/01', '2020/06/01', 'xxxx','xxxx','xxxx','xxxx','xxxx','xxxx'),\n  createData('Vitality (ZAF)-Discovery-Vitality', '2020/06/01', '2020/06/01', 'xxxx','xxxx','xxxx','xxxx','xxxx','xxxx'),\n  createData('Funeral Insurance (ZAF)-Saniam-Age 40-44 (Employee)', '2020/06/01', '2020/06/01', 'xxxx','xxxx','xxxx','xxxx','xxxx','xxxx'),\n  createData('Provident Fund (ZAF)-Saniam', '2020/06/01', '2020/06/01', 'xxxx','xxxx','xxxx','xxxx','xxxx','xxxx'),\n  createData('Medical Aid', '2020/06/01', '2020/06/01', 'xxxx','xxxx','xxxx','xxxx','xxxx','xxxx'),\n  createData('Medical Aid', '2020/06/01', '2020/06/01', 'xxxx','xxxx','xxxx','xxxx','xxxx','xxxx'),\n];\n\n// const rows = []\n\nconst useStyles = makeStyles({\n  table: {\n    minWidth: 700,\n    overflowX: \"auto\"\n  },\n});\n\nconst BenefitElections = () => {\n  const classes = useStyles();\n  const theme = useTheme()\n\n  return (\n    <div>\n    <PageTitle title=\"Benefit Elections\" />\n    <div className=\"competencies-main\">\n        <Typography variant=\"caption\" style={{fontWeight: \"bold\", marginBottom: \"8px\"}}>Current Benefits Election and Cost <span style={{color: theme.palette.action.active}}>{rows.length} items</span></Typography>\n        <TableContainer component={Paper}>\n        <Table className={classes.table} aria-label=\"customized table\">\n            <TableHead>\n            <TableRow>\n                <StyledTableCell>Benefit Plan</StyledTableCell>\n                <StyledTableCell align=\"left\">Coverage Begin Date</StyledTableCell>\n                <StyledTableCell align=\"left\">Deduction Begin Date</StyledTableCell>\n                <StyledTableCell align=\"left\">Coverage</StyledTableCell>\n                <StyledTableCell align=\"right\">Calculated Coverage</StyledTableCell>\n                <StyledTableCell align=\"left\">Dependencies</StyledTableCell>\n                <StyledTableCell align=\"left\">Beneficiaries</StyledTableCell>\n                <StyledTableCell align=\"right\">Employee Cost (Monthly)</StyledTableCell>\n                <StyledTableCell align=\"right\">Employee Contribution (Monthly)</StyledTableCell>\n            </TableRow>\n            </TableHead>\n            <TableBody>\n            {rows.map((row) => (\n                <StyledTableRow key={row.name}>\n                  <StyledTableCell align=\"left\" style={{backgroundColor: theme.palette.action.hover}}>{row.plan}</StyledTableCell>\n                  <StyledTableCell align=\"left\">{row.coverageBeginDate}</StyledTableCell>\n                  <StyledTableCell align=\"left\">{row.deductionBeginDate}</StyledTableCell>\n                  <StyledTableCell align=\"left\">{row.coverage}</StyledTableCell>\n                  <StyledTableCell align=\"right\">{row.calculatedCoverage}</StyledTableCell>\n                  <StyledTableCell align=\"left\">{row.dependents}</StyledTableCell>\n                  <StyledTableCell align=\"left\">{row.beneficiaries}</StyledTableCell>\n                  <StyledTableCell align=\"right\">{row.employeeCost}</StyledTableCell>\n                  <StyledTableCell align=\"right\">{row.employerContribution}</StyledTableCell>\n                </StyledTableRow>\n            ))}\n            <StyledTableRow>\n              <StyledTableCell align=\"right\" colSpan={7}>Total:</StyledTableCell>\n              <StyledTableCell align=\"right\">$ 7,067.00</StyledTableCell>\n              <StyledTableCell align=\"right\">$ 2,615.94</StyledTableCell>\n            </StyledTableRow>\n            </TableBody>\n        </Table>\n        {\n            !rows.length > 0 && <div style={{\n                textAlign: \"center\",\n                padding: \"15px\"\n            }}>No Data Available</div>\n        }\n        </TableContainer>\n    </div>\n    </div>\n  );\n}\n\nexport default BenefitElections","import React, { useState} from 'react'\nimport './TransferForm.css' \nimport EditIcon from '@material-ui/icons/Edit';\nimport { Link } from 'react-router-dom'\nimport Autocompete from \"../JobRequisition/Autocompete\";\nimport {\n  TextField\n \n} from \"@material-ui/core\";\nexport default function TransferForm() {\n  const [disabled, setDisabled] = useState(true);\n    function update(){\n      setDisabled(false);\n    }\n    function save()\n    {\n      setDisabled(true);\n    }\n  return (\n   \n    <> \n\n    <div class =\"TransferForm\">\n      <div className=\"update-button\">\n    </div>\n    <div className='start'>\n      <div className=\"start-heading\">\n      <h1>Start Details</h1>\n      <EditIcon  onClick={update} className=\"icon-update\" />\n      <br/>\n      </div>\n      \n      <h3>When do you want this change to take this effect</h3>\n      <TextField\n        id=\"date\"\n        type=\"date\"\n        disabled={disabled}\n        style={{ padding: \"10px\", color: \"black\" , width:\"300px\"}}\n        defaultValue=\"YYYY/MM/DD\"\n        InputLabelProps={{\n          shrink: true,\n\n        }}/>\n        <h3>Why are you making the change?</h3>\n        <input type=\"text\"  className='transfer-field'disabled={disabled}/>\n        <h3>Who will manage after this change ?</h3><br/>\n        <input type=\"text\" className='transfer-field' disabled={disabled}/>\n        <br/>\n        <h3>Which team will the person to be on after this change ?</h3><br/>\n        <input type=\"text\" disabled={disabled} className='transfer-field'/>\n     < h3>where will the person be located after this change?</h3>  <br/>\n     <input type=\"text\"  className='transfer-field'disabled={disabled}/>\n\n     <div className='next-bar'>\n    <button className='back-btn' onClick={save}>save</button>\n    <Link to=\"/transfer/job\">   <button className='next-btn' >next</button></Link>\n          \n        </div>\n      </div>\n      \n       \n       \n    \n          \n        </div>\n        </>\n  )\n}\n","import React from 'react'\nimport './Sidebar.css'\nimport {\n    Paper,\n    Typography,\n    Box\n} from '@material-ui/core'\nimport { NavLink,Link } from 'react-router-dom'\n\nexport default function SideBar() {\n  return (\n\n    <div class =\"SideBar\">\n     <Box className=\"side-box\">\n                            <Link to=\"#\" className=\"Start-link\">Start</Link>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/transfer/job\" \n                           \n                            className=\"Rec-info-link\"\n                            >Job</NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            \n                            <NavLink to=\"/transfer/location\"\n\n                             className=\"Job-info-link\" \n                             >Location\n                            </NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/transfer/details\" className=\"Org-link\">Details</NavLink>\n                        </Box>\n                        \n                        <Box className=\"side-box\">\n                            <NavLink to=\"/transfer/att\" className=\"Att-link\">Attachments</NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/transfer/compensation\" className=\"Comp-link\">Compensation</NavLink>\n                        </Box>\n                        <Box className=\"side-box\">\n                            <NavLink to=\"/summary\" className=\"summ-link\">Summary</NavLink>\n                        </Box>\n\n    </div>\n  )\n}\n\n","import React from 'react'\n// import './JobHeader.css'\nimport PageTitle from '../global/PageTitle/PageTitle'\nexport default function TransferHeader() {\n  return (\n    <div class =\"TransferHeader\">\n       <PageTitle title=\"Change Job\" />\n      <div className=\"header-content\">\n      <div class=\"hgl\">\n     Changing time type (from part time to full time or vice versa) or employee type (regularto seasonal or vice versa) for non slaried team member? Use the Edit process.\n      </div>\n      <a className=\"job-header-link\" href=\"#\">click here for Time Type Change instructions</a><br/>\n      <a className=\"job-header-link\" href=\"#\">click here for Employee Type Change instructions</a><br/>\n      <div class=\"hgl\"> Use the Change Job Process for :\n      <ul><li>Job Profile Changes</li>\n      <li>Time Type Changes for Salaried Team Members</li>\n      <li>Location Changes</li>\n      <li>Manager Changes</li></ul></div><br/><br/><br/>\n     <div className='line'> Please enter the details for your team member's job change.Contact your HR Specialist if you have any questions</div>\n      \n      <br/>\n      </div>\n      <br/><br></br>\n      <hr/><br/>\n    </div>\n  )\n}\n","import React from \"react\";\nimport TransferSidebar from './TransferSidebar'\nimport \"./TransferJob.css\";\nimport Autocompete from '../JobRequisition/Autocompete'\nimport TransferHeader from './TransferHeader'\n\nconst Job = () => {\n   \n  return (\n    \n <div className='job'>\n<TransferHeader/>\n\n     <div class =\"jobProcess\">\n    <TransferSidebar/>\n     <div className=\"tranfer-job-container\">\n      <br/>\n        <h1>Job Profile</h1>\n     <div className='job-title'>Job Profile</div>\n     <br/>\n     <div className=\"job-ans\"><Autocompete/></div>\n    \n     <div className='job-title'>Job Title <span className=\"mandatory\">*</span></div>\n     <div className=\"job-ans\"> <Autocompete/></div>\n    \n    <div className=\"business-title\">\n        <h1>Business Title</h1>\n        <div className='job-title'>Business Title <span className=\"mandatory\">*</span></div>\n     <div className=\"job-ans\"> <Autocompete/></div>\n     \n    </div>\n    <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n    <button className='next-btn'>Next</button>\n          \n    </div>\n    </div>\n    </div> \n    </div>\n  );\n}\nexport default Job;","import React from \"react\";\n\nimport \"./TransferDetails.css\";\nimport {\n    Typography,\n    TextField,\n    InputAdornment,\n    Box,\n    Button,\n    // Autocomplete,\n    Checkbox,\n    FormControl,\n    FormLabel,\n    RadioGroup,\n    Radio,\n    MenuItem,\n    FormControlLabel,\n    FormGroup,\n    InputLabel,\n    Select,\n  } from \"@material-ui/core\";\nimport { Link } from 'react-router-dom'\nimport Autocompete from '../JobRequisition/Autocompete'\n  \nimport TransferHeader from './TransferHeader'\nimport TransferSidebar from './TransferSidebar'\nconst TransferDetails = () => {\n   \n  return (\n    <>\n  \n     <TransferHeader/>\n   \n     <div class =\"jobProcess\">\n    <TransferSidebar/>\n    <div class=\"details\">\n    <h1>Details</h1>\n    \n     <div className=\"details-container\">\n     <h1>Administrative</h1>\n     <div className='details-title'>Employee Type </div>\n     <div className=\"details-ans\"><FormControl fullWidth>\n        <InputLabel id=\"demo-simple-select-label\">Select one</InputLabel>\n        <Select\n          labelId=\"demo-simple-select-label\"\n          id=\"demo-simple-select\"\n        >\n          <MenuItem value={10}>Select one</MenuItem>\n          <MenuItem value={20}>Contigent Worker </MenuItem>\n          <MenuItem value={30}>Regular</MenuItem>\n         \n        </Select>\n      </FormControl></div></div>\n     <div className=\"details-container\">\n     <div className='details-title'>Time Type <span className=\"mandatory\">*</span></div>\n     <div className=\"details-ans\"><FormControl fullWidth>\n        <InputLabel id=\"demo-simple-select-label\">Select one</InputLabel>\n        <Select\n          labelId=\"demo-simple-select-label\"\n          id=\"demo-simple-select\"\n          \n        >\n          <MenuItem value={10}>Select one</MenuItem>\n          <MenuItem value={20}>Full Time</MenuItem>\n          <MenuItem value={30}>Part Time</MenuItem>\n         \n        </Select>\n      </FormControl> </div>\n\n      <div className='location-title'>Location Weekly Hours<span className=\"mandatory\">*</span></div>\n     <div className=\"location-ans\"> <input type =\"number\" className=\"detail-input\"/></div>\n     <div className='location-title'>Default Weekly Hours<span className=\"mandatory\">*</span></div>\n     <div className=\"location-ans\"> <input type =\"number\"className=\"detail-input\"/></div>\n     <div className='location-title'>FTE<span className=\"mandatory\">*</span></div>\n     <div className=\"location-ans\"> <input type =\"number\"className=\"detail-input\"/></div>\n     <div className='location-title'>Job Exempt<span className=\"mandatory\">*</span></div>\n     <div className=\"location-ans\"> <input type =\"text\"className=\"detail-input\"/></div>\n     </div></div>\n   \n    </div> \n    <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n    <button className='next-btn'>Next</button>\n          \n        </div>\n    </>\n  );\n}\nexport default TransferDetails;","import React from \"react\";\nimport TransferSidebar from './TransferSidebar'\nimport \"./TransferLocation.css\";\nimport { Link } from 'react-router-dom'\nimport Autocompete from '../JobRequisition/Autocompete'\nimport TransferHeader from './TransferHeader'\n  \n  \n\nconst location = () => {\n   \n  return (\n    <div className='location'>\n      <TransferHeader/>\n    <div class =\"jobProcess\">\n    <TransferSidebar/>\n    <div className=\"location\">\n     \n     <div className=\"location-container\">\n        <h1>location Details</h1>\n     <div className='location-title'>Location</div>\n     <div className=\"location-ans\"><Autocompete/></div></div>\n     <div className=\"location-container\">\n     <div className='location-title'>Scheduled Weekly Hours<span className=\"mandatory\">*</span></div>\n     <div className=\"location-ans\"> <input type =\"number\"/></div>\n     </div>\n    </div> \n   </div></div>\n  );\n}\nexport default location;","import React from 'react'\nimport './TransferAttachment.css'\n\nimport TransferHeader from './TransferHeader'\nimport TransferSidebar from './TransferSidebar'\nexport default function TransferAttachment() {\n  return (\n    <> \n    <div className='TransferAttachment'>\n   <TransferHeader/>\n   \n<div class =\"jobProcess\">\n    <TransferSidebar/>\n    <div class =\"Attachment\">\n        <h1>Documents</h1>\n        <button className='Add'>Add</button>\n        \n    </div></div>\n    <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n    <button className='next-btn'>Next</button>\n          \n        </div>\n        </div>\n        </>\n  )\n}\n","import React from \"react\";\n\nimport \"./TransferCompensation.css\";\nimport {\n    Typography,\n    TextField,\n    InputAdornment,\n    Box,\n    Button,\n    // Autocomplete,\n    Checkbox,\n    FormControl,\n    FormLabel,\n    RadioGroup,\n    Radio,\n    MenuItem,\n    FormControlLabel,\n    FormGroup,\n    InputLabel,\n    Select,\n  } from \"@material-ui/core\";\nimport { Link } from 'react-router-dom'\nimport Autocompete from '../JobRequisition/Autocompete'\n  \nimport TransferHeader from './TransferHeader'\nimport TransferSidebar from './TransferSidebar'\nconst TransferCompensation = () => {\n  return (\n    <>\n  \n     <TransferHeader/>\n   \n     <div class =\"jobProcess\">\n    <TransferSidebar/>\n<div class =\"compensation\">\n    <h1>Compensation</h1>\n       <div className='total-base-pay'>\n       <h2>Total Base Pay</h2>\n       Total Base Pay\n       <br/>\n       0.00 USD Annual added\n       </div>\n       <div className='guidelines'>\n        <h2>Guidelines</h2><br/>\n        <div className='Guide-h'> \n        <h4>Total Base Pay Range</h4>\n        </div>\n        <br/>\n        <div className='Guide-l'><ul><li>88400.00 - 123,800.00- 159,200.00 USD Annual added</li></ul></div>\n        <div className='Guide-h'>  <h4>Compensation Package</h4></div> \n        <div className='Guide-l'><ul><li>Varian Compensation Package added</li></ul></div>\n        <div className='Guide-h'>  <h4>Grade</h4></div>\n        <div className='Guide-l'><ul><li>Compensation Grade added</li></ul></div>\n        <div className='Guide-h'>  <h4>Grade Profile</h4></div> \n          <div className='Guide-l'><ul><li> USA-A-G12 added</li></ul></div>\n        <div className='Guide-h'><h4>Step</h4></div> \n        (empty)\n        <div className='Guide-h'><h4>Progression Start Date</h4></div>\n        (empty)\\</div>\n        <div className='salary'>\n          <h1>Salary</h1>\n          <div className='Guide-h'>  <h4> Assignment Details </h4></div>\n          <div className='Guide-l'><ul><li> 0.00 USD Annual added</li></ul></div>\n          <div className='Guide-h'>  <h4> Plan Name </h4></div>\n          <div className='Guide-l'><ul><li>Salary Plan added</li></ul></div>\n          <div className='Guide-h'>  <h4> Effective Date</h4></div>\n          <div className='Guide-l'><ul><li> 07/15/2021 added</li></ul></div>\n          <div className='Guide-h'>  <h4> Compensation Plan </h4></div>\n        Salary Plan\n        <div className='Guide-h'>  <h4>Total Base Pay Range </h4></div>\n        <div className='Guide-h'>  <h4> Apply Fte%</h4></div>\n        <div className='Guide-l'>Yes</div>\n<div className='Guide-h'><h4>Amount<span className=\"mandatory\">*</span></h4></div>\n       <input type='number' className='input-amount'/>\n       </div>\n        \n        <div className='Period-salary'>\n        <h1>Period Salary</h1>\n        <button className='Add'>Add</button>\n          </div>\n          <div className='Allowance'>\n        <h1>Allowance</h1>\n        <button className='Add'>Add</button>\n          </div>\n          <div className='Bonus'>\n            <h1>Bonus</h1>\n        <h4>Assignment Details</h4>\n        <div className='Guide-l'><ul><li>10% Annual added</li></ul></div>\n        <div className='Guide-h'>  <h4> Plan Name</h4></div>\n        <div className='Guide-l'><ul><li>Varian Performance Icentive Plan (VPIP) added</li></ul></div>\n\n        <div className='Guide-h'>  <h4> Effective Date</h4></div>\n        <div className='Guide-l'><ul><li>07/15/2021 added</li></ul></div>\n          </div>\n\n        </div>\n        </div>\n        <div className='next-bar'>\n    <button className='back-btn'>Back</button>\n    <button className='next-btn'>Next</button>\n    \n        </div>\n\n        </>\n        \n        )}\n        export default TransferCompensation;","import React from \"react\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport {\n  Typography,\n  TextField,\n  InputAdornment,\n  Box,\n  Button,\n  Checkbox,\n  FormControl,\n  FormLabel,\n  RadioGroup,\n  Radio,\n  MenuItem,\n  FormControlLabel,\n  FormGroup,\n  InputLabel,\n  Select,\n} from \"@material-ui/core\";\nimport \"./Requisition.css\";\nimport Autocompete from \"../JobRequisition/Autocompete\";\nexport default function Requisition() {\n  const [open, setOpen] = React.useState(true);\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n  return (\n    <>\n    <Dialog \n                    open={open} \n                    onClose={handleClose}\n                    fullWidth\n                    maxWidth=\"lg\"\n                >\n                  <DialogContent>\n                  <div class=\"Requisition\" >\n\n<h1>Create Requisition</h1>\n<hr />\n<div className=\"field-container\">\n  <div className=\"field-titles\">\n    Requester<span className=\"mandatory\">*</span>\n  </div>\n  <div className=\"field-ans\">\n    \n    <span className=\"work-h\"></span><Autocompete/>\n  </div>\n</div>\n<div className=\"field-container\">\n  <div className=\"field-titles\">Currency</div>\n  <div className=\"field-ans\">\n    <span className=\"mandatory\">*</span>\n    <Autocompete/>\n  </div>\n</div>\n<div className=\"field-container\">\n  <div className=\"field-titles\">Requisition Type</div>\n  <div className=\"field-ans\">\n    <span className=\"mandatory\">*</span>\n    <Autocompete/>\n  </div>\n</div>\n<div className=\"field-container\">\n  <div className=\"field-titles\">Deliver-TO</div>\n  <div className=\"field-ans\">\n    <span className=\"mandatory\">*</span>\n    <Autocompete/>\n  </div>\n</div>\n<div className=\"field-container\">\n  <div className=\"field-titles\">Ship-TO</div>\n  <div className=\"field-ans\">\n    <span className=\"mandatory\">*</span>\n    <Autocompete/>\n  </div>\n</div>\n<div className=\"field-container\">\n  <div className=\"field-titles\">Worktags</div>\n  <div className=\"field-ans\">\n    <span className=\"mandatory\">*</span>\n    <Autocompete/>\n  </div>\n</div>\n<div className=\"button-div\">\n  <button className=\"ok-btn\">Ok</button>\n  <button className=\"cancel-btn\">Cancel</button>\n</div>\n</div>\n                  </DialogContent>\n                  <DialogActions>\n                    <Button onClick={handleClose}>Cancel</Button>\n                  </DialogActions>\n                </Dialog>\n     \n    </>\n  );\n}\n","import React from 'react'\nimport PageTitle from '../global/PageTitle/PageTitle'\nexport default function CreateRequisition() {\n  return (\n    <div class =\"create-req\">\n       <PageTitle title=\"Create Requisition\" />\n     \n    <a className=\"req-link\" href=\"#\">Search Catalog</a><br/>\n   <div className='req-field'> Search the internal catalog of preferred items and suppliers to add into shopping cart </div>\n   <br/>\n<hr/>\n<a className=\"req-link\" href=\"#\">Request Non -Catalog items</a><br/>\n   <div className='req-field'> Request services or Repair & Maintenance </div>\n   <br/>\n<hr/>\n<a className=\"req-link\" href=\"#\">Connect to supplier Website</a><br/>\n   <div className='req-field'> Request goods and services from supplier website </div>\n   <br/>\n<hr/>\n    </div>\n  )\n}","import SearchIcon from '@material-ui/icons/Search';\nimport React from 'react'\nimport './SearchCatalog.css'\nimport {\n  \n  Checkbox,\n  FormControl,\n  FormLabel,\n  FormControlLabel,\n  FormGroup,\n  InputLabel,\n  Select,\n} from \"@material-ui/core\";\nimport ShoppingCartIcon from '@material-ui/icons/ShoppingCart';\nimport PageTitle from '../global/PageTitle/PageTitle'\nimport InputBase from '@material-ui/core/InputBase';\nimport { Link } from 'react-router-dom'\nexport default function SearchCatalog() {\n  return (\n    <> \n<div className=\"catalog\">\n<PageTitle title=\"Search Catalog\" />\n\n<div className='catalog-header'>\n    <div className='header-field'>\n       <h4> Company</h4>\n    <div className='h-f'>  LTFCORP Life Time, Inc </div> \n\n    </div>\n    <div classNam='header-field'>\n       <h4>Requester</h4>\n    <div className='h-f'> Test Change (9003358)[C] </div> \n\n    </div>\n    <div classNam='header-field'>\n       <h4>Currency</h4>\n    <div className='h-f'> USD</div> \n\n    </div>\n\n\n\n</div>\n\n    <div className='search'>\n    <div className='search-icon'>\n              <SearchIcon />\n            <InputBase\n              placeholder=\"Search…\"\n              inputProps={{ 'aria-label': 'search' }}\n            />\n            </div>\n            \n            <button className='search-btn'>Search</button>\n            </div></div>\n<Link to='/cart'><ShoppingCartIcon/></Link>\n            <div className='catalog-content'>\n              <div className='catalog-sidebar'>\n                <h2>Current Search</h2><br/>\n              <button className='clear-all'>Clear All</button>\n              <h2>Category</h2><br/>\n              <h2>Supplier</h2><br/>\n              <h2>Catalog</h2><br/>\n              \n              </div>\n<div className='catalog-main'>   \n<div className='catalog-search'>    \n   <FormGroup>\n              <FormControlLabel\n                control={<Checkbox  />}\n                label=\"\"\n              />\n            </FormGroup>\n    <h3>        48038 Results</h3>\n   \n\n            </div>  <hr/>\n            <div className='catalog-search'>    \n   <FormGroup>\n              <FormControlLabel\n                control={<Checkbox  />}\n                label=\"\"\n              />\n            </FormGroup>\n            <div className='catalog-search-desc'>\n\n    <h3 className='search-heading'>Utility Spring Snaps </h3>\n    Ace Surfaces North America Inc | $0.81 | USD | Each| Repair-General Repair Parts & Labor (SC00142)\n  </div>\n    \n            </div>   <hr/>\n            <div className='catalog-search'>    \n   <FormGroup>\n              <FormControlLabel\n                control={<Checkbox  />}\n                label=\"\"\n              />\n            </FormGroup>\n            <div className='catalog-search-desc'>\n\n    <h3 className='search-heading'>Utility Spring Snaps </h3>\n    Ace Surfaces North America Inc | $0.81 | USD | Each| Repair-General Repair Parts & Labor (SC00142)\n  </div>\n    \n            </div>   <hr/>\n            <div className='catalog-search'>    \n   <FormGroup>\n              <FormControlLabel\n                control={<Checkbox  />}\n                label=\"\"\n              />\n            </FormGroup>\n            <div className='catalog-search-desc'>\n\n    <h3 className='search-heading'>Utility Spring Snaps </h3>\n    Ace Surfaces North America Inc | $0.81 | USD | Each| Repair-General Repair Parts & Labor (SC00142)\n  </div>\n    \n            </div>   <hr/>\n            <div className='catalog-search'>    \n   <FormGroup>\n              <FormControlLabel\n                control={<Checkbox  />}\n                label=\"\"\n              />\n            </FormGroup>\n            <div className='catalog-search-desc'>\n\n    <h3 className='search-heading'>Utility Spring Snaps </h3>\n    Ace Surfaces North America Inc | $0.81 | USD | Each| Repair-General Repair Parts & Labor (SC00142)\n  </div>\n    \n            </div>   <hr/>\n            </div> \n            </div>\n            <div className='next-bar'>\n    <button className='back-btn'>Add to Cart</button>\n    <button className='next-btn'>Compare</button>\n    \n        </div>\n        </>\n  )\n}\n\n","import React from 'react'\nimport './Checkout.css'\nimport {\n    TextField, \n  } from \"@material-ui/core\";\nimport PageTitle from '../global/PageTitle/PageTitle'\nimport { Link } from 'react-router-dom'\nimport Autocompete from \"../JobRequisition/Autocompete\";\nexport default function Checkout() {\n  return (\n    <> \n<PageTitle title=\"Checkout\" />\n<div class =\"Checkout\">\n<div className='catalog-header'>\n    <div classNam='header-field'>\n       <h4> Company</h4>\n    <div className='h-f'>  LTFCORP Life Time, Inc </div> \n\n    </div>\n    <div classNam='header-field'>\n       <h4>Requester</h4>\n    <div className='h-f'> Test Change (9003358)[C] </div> \n\n    </div>\n    <div classNam='header-field'>\n       <h4>Currency</h4>\n    <div className='h-f'> USD</div> \n\n    </div>\n    </div>\n    <h2>Shipping Address</h2>\n    <div className=\"Checkout-field-container\">\n          <div className=\"Checkout-field-titles\">\n            Deliver To\n          </div>\n          <div className=\"Checkout-field-ans\">\n            Corporate Office \n    \n          </div>\n        </div>\n        <div className=\"Checkout-field-container\">\n          <div className=\"Checkout-field-titles\">\n            Ship-To-Address\n          </div>\n          <div className=\"Checkout-field-ans\">\n           2902 Corporate Place<br/> chanhassen, MN 55317 <br/> United States of America\n           \n          </div>\n        </div>\n        <div className=\"Checkout-field-container\">\n          <div className=\"Checkout-field-titles\">\n           Request Date<span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"Checkout-field-ans\">\n          <TextField\n              id=\"date\"\n              type=\"date\"\n              style={{ padding: \"15px\", color: \"black\" }}\n              defaultValue=\"YYYY/MM/DD\"\n              InputLabelProps={{\n                shrink: true,\n              }}\n            />\n          </div>\n        </div>\n        <div className=\"Checkout-field-container\">\n          <div className=\"Checkout-field-titles\">\n           Request Date<span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"Checkout-field-ans\">\n          <Autocompete/>\n          </div>\n        </div>\n        <div className=\"Checkout-field-container\">\n          <div className=\"Checkout-field-titles\">\n         Requisition Type\n          </div>\n          <div className=\"Checkout-field-ans\">\n          <Autocompete/>\n          </div>\n        </div>\n        <div className=\"Checkout-field-container\">\n          <div className=\"Checkout-field-titles\">\n         Sourcing Buyer \n          </div>\n          <div className=\"Checkout-field-ans\">\n          <Autocompete/>\n          </div>\n        </div>\n        <div className=\"Checkout-field-container\">\n          <div className=\"Checkout-field-titles\">\n         Submitted by  \n          </div>\n          <div className=\"Checkout-field-ans\">\n         Test Change(9003358)[C]\n          </div>\n        </div>\n        <div className=\"field-container\">\n          <div className=\"field-titles\">\n            Memo to Suppliers\n          </div>\n          <div className=\"field-ans\">\n            <textarea style={{width: '100%'}} rows={5} cols={100} />\n          </div>\n        </div>\n        <div className=\"field-container\">\n          <div className=\"field-titles\">\n          Internal Memo <span className=\"mandatory\">*</span>\n          </div>\n          <div className=\"field-ans\">\n            <textarea style={{width: '100%'}} rows={5} cols={100} />\n          </div>\n        </div>\n        \n     </div>\n    <div className='next-bar'>\n  \n    <button className='next-btn'>Check out</button>\n    <button className='back-btn'>Save for Later</button>\n    <button className='continue-btn'>Continue Shopping</button>\n     </div>\n        </>\n  )\n}\n","import React, { useState, useEffect, createContext } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { Paper } from '@material-ui/core'\nimport { createMuiTheme, withStyles } from '@material-ui/core/styles';\nimport CssBaseline from '@material-ui/core/CssBaseline'\nimport { ThemeProvider } from '@material-ui/styles';\nimport { Switch, Route } from 'react-router-dom'\nimport Navbar from './components/Navbar/Navbar'\nimport Footer from './components/Footer/Footer'\nimport Homepage from './components/Homepage/Homepage'\nimport Compensation from './components/JobRequisition/Compensation'\nimport Paypage from './components/Paypage/Paypage'\nimport Payslips from './components/Paypage/components/Payslips/Payslips'\nimport CompensationReview from './components/Paypage/components/CompensationReview/CompensationReview'\nimport BonusAndPaymentHistory from './components/Paypage/components/BonusAndPaymentHistory/BonusAndPaymentHistory'\nimport TaxDocument from './components/Paypage/components/TaxDocument/TaxDocument'\n\nimport Careerpage from './components/Careerpage/Careerpage'\nimport DevelopmentPlan from './components/Careerpage/components/DevelopmentPlan/DevelopmentPlan'\nimport Education from './components/Careerpage/components/Education/Education'\nimport Certifications from './components/Careerpage/components/Certifications/Certifications'\nimport Competencies from './components/Careerpage/components/Competencies/Competencies'\nimport Referrals from './components/Careerpage/components/Referrals/Referrals'\nimport ReferralDynamicPage from './components/Careerpage/components/Referrals/ReferralDynamicPage'\nimport Mentorship from './components/Careerpage/components/Mentorship/Mentorship'\nimport JobRequisition from './components/JobRequisition/JobRequisition'\nimport Recruitment from './components/JobRequisition/Recruitment'\nimport Expensepage from './components/ExpenseReport/Expensepage'\nimport Expense from './components/ExpenseReport/Expense'\nimport ExpenseLine from './components/ExpenseReport/ExpenseLine'\nimport JobProcess from './components/JobRequisition/JobProcess'\nimport AssignedRoles from './components/JobRequisition/AssignedRoles'\nimport Organisation from './components/JobRequisition/Organisation'\nimport JobInfo from './components/JobRequisition/JobInfo'\nimport Attachment from './components/JobRequisition/Attachment'\nimport OnBoardingpage from './components/OnBoardingpage/OnBoardingpage'\n\nimport Settingspage from './components/Settingspage/Settingspage'\nimport CompanyNameSettings from './components/CompanyNameSettings/CompanyNameSettings'\n\nimport Absencepage from './components/Absencepage/Absencepage'\nimport RequestAbsence from './components/Absencepage/components/RequestAbsence.js/RequestAbsence'\n\nimport Benefitspage from './components/Benefitspage/Benefitspage'\nimport ChangeBenefits from './components/Benefitspage/components/ChangeBenefits/ChangeBenefits'\nimport BenefitElections from './components/Benefitspage/components/BenefitElections/BenefitElections'\nimport TransferForm  from './components/TransferTeamMember/TransferForm';\nimport TransferJob  from './components/TransferTeamMember/TransferJob';\nimport TransferDetails  from './components/TransferTeamMember/TransferDetails';\nimport TransferLocation  from './components/TransferTeamMember/TransferLocation';\nimport TransferAttachment  from './components/TransferTeamMember/TransferAttachment';\nimport TransferCompensation  from './components/TransferTeamMember/TransferCompensation';\nimport './App.css';\nimport Requisition from './components/Create Requisition/Requisition';\nimport CreateRequisition from './components/Create Requisition/CreateRequisition';\nimport SearchCatalog from './components/Create Requisition/SearchCatalog';\nimport Checkout from './components/Create Requisition/Checkout';\nexport const Context =  createContext()\n\nconst App = () => {\n  const history = useHistory()\n  const [dark, setDark] = useState(false)\n  const [color, setColor] = useState('')\n\n  let theme = createMuiTheme({\n    palette: {\n        type: dark ? 'dark' : 'light',\n        primary: {\n          // main: color ? color : \"#0B77E3\",\n          main: '#095eb2'\n        },\n        secondary: {\n          main: '#ff9800'\n        }\n    },\n  })\n\n\n  useEffect(() => {\n    if(!localStorage.themeColor) {\n      localStorage.setItem('themeColor', '#0B77E3')\n    } else {\n      let temp = localStorage.getItem('themeColor')\n      setColor(temp)\n    }\n\n    if(!localStorage.company) {\n      localStorage.setItem('company', 'Altron')\n    }\n\n    // if(!localStorage.dark) {\n    //   localStorage.setItem('dark', false)\n    // } else {\n    //   let temp = localStorage.getItem('dark')\n    //   setDark(temp)\n    // }\n  }, [])\n\n  useEffect(() => {\n    const el = document.body.style\n    const pathArray = ['/', '/pay', '/benefits', '/career', '/absence']\n    if(pathArray.includes(window.location.pathname)) {\n      el.background = \"#e8ebed\"\n    } else {\n      el.background = \"#FAF9F6\"\n    }\n    return history.listen((location) => { \n      if(pathArray.includes(location.pathname)) {\n        el.background = \"#e8ebed\"\n      } else {\n        el.background = \"#FAF9F6\"\n      }\n   }) \n  }, [history])\n\n\n  // useEffect(() => {\n  //   const el = document.body.style\n\n  //   if (dark) {\n  //     // el.background = \"#222831\"\n  //     el.background = '#28282B'\n  //   } else {\n  //     // el.background = \"#EDF5E1\"\n  //     // el.background = '#8c92ac'\n  //     el.background = '#FAF9F6'\n  //   }\n  // }, [dark, theme,])\n\n  const StyledPaper = withStyles({\n    root: {\n      // background: dark ? '#222831' : '#EDF5E1',\n      boxShadow: 'none',\n      borderRadius: \"0 !important\"\n    },\n})(Paper);\n\n  const handleColorChange = (color) => {\n    setColor(color)\n    localStorage.setItem('themeColor', color)\n  }\n\n  return (\n    <ThemeProvider theme={theme}>\n    <CssBaseline />\n    <div className=\"App\">\n\n        <Navbar dark={dark} setDark={setDark} />\n        <Context.Provider value={{ handleColorChange }}>\n        <Switch>\n          <Route exact path=\"/pay\" component={Paypage} />\n          <Route exact path=\"/pay/payslips\" component={Payslips} />\n          <Route exact path=\"/pay/compensation\" component={CompensationReview} />\n          <Route exact path=\"/pay/bonus-and-one-time-payment-history\" component={BonusAndPaymentHistory} />\n          <Route exact path=\"/pay/tax-document\" component={TaxDocument} />\n          <Route exact path=\"/career\" component={Careerpage} />\n          <Route exact path=\"/career/development-plan\" component={DevelopmentPlan} />\n          <Route exact path=\"/career/competencies\" component={Competencies} />\n          <Route exact path=\"/career/education\" component={Education} />\n          <Route exact path=\"/career/my-referrals\" component={Referrals} />\n          <Route exact path=\"/career/my-referrals/:id\" component={ReferralDynamicPage} />\n          <Route exact path=\"/career/my-mentorship\" component={Mentorship} />\n          <Route exact path=\"/career/certifications\" component={Certifications} />\n          <Route exact path=\"/onboarding\" component={OnBoardingpage} />\n          <Route exact path=\"/settings/theme\" component={Settingspage} />\n          <Route exact path=\"/settings/company-name\" component={CompanyNameSettings} />\n          <Route exact path=\"/absence\" component={Absencepage} />\n          <Route exact path=\"/request-absence\" component={RequestAbsence} />\n          <Route exact path=\"/benefits\" component={Benefitspage} />\n          <Route exact path=\"/benefits/change-benefits\" component={ChangeBenefits} />\n          <Route exact path=\"/benefits/benefit-elections\" component={BenefitElections} />\n          <Route exact path=\"/createjob\" component={JobRequisition}/>\n          <Route exact path=\"/rec\" component={Recruitment}/>\n          <Route exact path=\"/org\" component={Organisation}/>\n          <Route exact path=\"/jobinfo\" component={JobInfo}/>\n          <Route exact path=\"/att\" component={Attachment}/>\n         <Route exact path=\"/jobprocess\" component={JobProcess}/>\n         <Route exact path=\"/compensation\" component={Compensation}/>\n         <Route exact path=\"/assignedroles\" component={AssignedRoles}/>\n         <Route exact path=\"/expensereport\" component={Expense}/>\n         <Route exact path=\"/expenses\" component={Expensepage}/>\n        \n         <Route exact path=\"/expenseline\" component={ExpenseLine}/>\n         <Route exact path=\"/requisition\" component={Requisition}/>\n         <Route exact path=\"/create-req\" component={CreateRequisition}/>\n         <Route exact path=\"/search-catalog\" component={SearchCatalog}/>\n         <Route exact path=\"/cart\" component={Checkout}/>\n         <Route exact path=\"/transfer\" component={TransferForm}/>\n         <Route exact path=\"/transfer/job\" component={TransferJob}/>\n         <Route exact path=\"/transfer/location\" component={TransferLocation}/>\n         <Route exact path=\"/transfer/details\" component={TransferDetails}/>\n         <Route exact path=\"/transfer/compensation\" component={TransferCompensation}/>\n         <Route exact path=\"/transfer/att\" component={TransferAttachment}/>\n         <Route exact path=\"/\" component={Homepage} />\n        </Switch>\n        </Context.Provider>\n        {/* <Footer /> */}\n     \n    </div>\n    </ThemeProvider>\n  );\n}\n\nexport default App;\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 { BrowserRouter as Router } from 'react-router-dom';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport { HTML5Backend } from 'react-dnd-html5-backend'\nimport { DndProvider } from 'react-dnd'\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <DndProvider backend={HTML5Backend}>\n      <Router>\n      <App />\n      </Router>\n    </DndProvider>\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":""}