Merge pull request #237 from suvarnakale/shiksha-2.0

Issue #220010 bug: language flickering issue solved

src/pages/login.tsx

@@ -40,7 +40,8 @@ const LoginPage = () => {
   const [usernameError, setUsernameError] = useState(false);
   const [passwordError, setPasswordError] = useState(false);
   const [loading, setLoading] = useState(false);
-  const [selectedLanguage, setSelectedLanguage] = useState('en');
+  const [lang, setLang] = useState('');
+  const [selectedLanguage, setSelectedLanguage] = useState(lang);
   const [language, setLanguage] = useState(selectedLanguage);
   const [scrolling, setScrolling] = useState(false);
 
@@ -62,8 +63,13 @@ const LoginPage = () => {
 
   useEffect(() => {
     if (typeof window !== 'undefined' && window.localStorage) {
-      const lang = localStorage.getItem('preferredLanguage') || 'en';
+      if (localStorage.getItem('preferredLanguage')) {
+        var lang = localStorage.getItem('preferredLanguage') || 'en';
+      } else {
+        lang = 'en';
+      }
       setLanguage(lang);
+      setLang(lang);
       const token = localStorage.getItem('token');
       if (token) {
         router.push('/dashboard');
@@ -311,8 +317,16 @@ const LoginPage = () => {
               </Link>
             </Box>
             <Box marginTop={'1.2rem'} className="remember-me-checkbox">
-              <Checkbox onChange={(e) => setRememberMe(e.target.checked)} checked={rememberMe} />
-              <span style={{ 'cursor': 'pointer'}} onClick={() => setRememberMe(!rememberMe)}>{t('LOGIN_PAGE.REMEMBER_ME')}</span>
+              <Checkbox
+                onChange={(e) => setRememberMe(e.target.checked)}
+                checked={rememberMe}
+              />
+              <span
+                style={{ cursor: 'pointer' }}
+                onClick={() => setRememberMe(!rememberMe)}
+              >
+                {t('LOGIN_PAGE.REMEMBER_ME')}
+              </span>
             </Box>
             <Box
               alignContent={'center'}