{dateErrorMessage}
\r\n )}\r\n\r\n {localizedStrings.applicationpage.studyPermitIssueDateError}\r\n
\r\n )}\r\n\r\n {dateErrorMessage}\r\n
\r\n )}\r\n\r\n {localizedStrings.general.pagenotavailable}\r\n {localizedStrings.general.returntohome}\r\n
\r\n{event.ses_description}
\r\n \r\n )\r\n}\r\n\r\nconst localizer = momentLocalizer(moment);\r\n\r\nconst HtmlTooltip = withStyles((theme) => ({\r\n tooltip: {\r\n backgroundColor: \"#f5f5f9\",\r\n color: \"rgba(0, 0, 0, 0.87)\",\r\n maxWidth: 220,\r\n fontSize: theme.typography.pxToRem(12),\r\n border: \"1px solid #dadde9\",\r\n },\r\n}))(Tooltip);\r\nconst Event=(props)=>{\r\n const dispatch=useDispatch()\r\n const [events,setEvent]=useState([]);\r\n const [error, setError] = useState({\r\n isError: false,\r\n message: \"\",\r\n showSnackbar: false,\r\n });\r\n // console.log(state,\"state\")\r\n const errorMessage = useSelector((state) => state.alumniData.errorMessage);\r\n const eventsData = useSelector((state) => state.alumniData.events);\r\n console.log(eventsData,errorMessage)\r\n const errorStatusCode = useSelector(\r\n (state) => state.alumniData.errorStatusCode\r\n );\r\n const dataFetchingStatus = useSelector(\r\n (state) => state.alumniData.dataFetchingStatus\r\n );\r\n const [displayMessage, setDisplayMessage] = useState(\"\");\r\n //current lagnguage\r\n const language = useSelector((state) => state.language.language);\r\n //set the current language to localize string\r\n localizedStrings.setLanguage(language);\r\n useEffect(() => {\r\n localizedStrings.setLanguage(language);\r\n }, [language]);\r\n\r\n \r\n useEffect(() => {\r\n if (!isObjectEmpty(errorMessage) && errorMessage !== undefined) {\r\n if (errorStatusCode === 401) {\r\n let error = {\r\n isError: false,\r\n message: `${localizedStrings.general.sessionexpired}`,\r\n showSnackbar: true,\r\n };\r\n setError(error);\r\n setTimeout(() => {\r\n handelLogout();\r\n }, 1600);\r\n } else {\r\n let error = {\r\n isError: false,\r\n message: errorMessage,\r\n showSnackbar: true,\r\n };\r\n setError(error);\r\n }\r\n }\r\n }, [errorMessage, errorStatusCode]);\r\n\r\n useEffect(()=>{\r\n dispatch(getEvents());\r\n },[]);\r\n useEffect(()=>{\r\n if(eventsData&&eventsData.length>0){\r\n setEvent(eventsData.map(event=>{\r\n return {\r\n start:moment(event.ses_startdate).toDate(),\r\n end:moment(event.ses_enddate).toDate(),\r\n title:event.ses_eventtitle,\r\n description:event.ses_description,\r\n url:event.ses_eventurl\r\n \r\n }\r\n }) )\r\n \r\n \r\n }\r\n },[eventsData])\r\n\r\n const handelLogout = () => {\r\n dispatch(clearLoginData());\r\n window.localStorage.removeItem(\"x-auth-token\");\r\n window.localStorage.removeItem(\"x-auth-fullname\");\r\n window.localStorage.removeItem(\"x-auth-contactId\");\r\n window.localStorage.removeItem(\"isUserLoggedIn\");\r\n dispatch(isLoggedInUpdate(false));\r\n dispatch(clearErrorStatusCode());\r\n dispatch(clearErrorMessage());\r\n props.history.push(\"/login\");\r\n };\r\n const handleClose = () => {\r\n let errorCopy = { ...error };\r\n errorCopy.showSnackbar = false;\r\n setError(errorCopy); \r\n dispatch(clearErrorStatusCode());\r\n dispatch(clearErrorMessage());\r\n \r\n };\r\n useEffect(() => {\r\n if (error.message === 'Invalid token') {\r\n setDisplayMessage(localizedStrings.general.invalidToken);\r\n }\r\n else if (error.message === 'Something Went Wrong') {\r\n setDisplayMessage(localizedStrings.general.somethingwentwrong);\r\n }\r\n else{\r\n setDisplayMessage(error.message);\r\n }\r\n }, [error]);\r\n return (\r\n\r\n {localizedStrings.account.total}: \r\n {finalTotal}\r\n
\r\n