Add a loader
This commit is contained in:
parent
f30fa8c9da
commit
f3a4ed40cf
|
@ -9,11 +9,14 @@ import { AppContext } from 'pages/_app';
|
|||
import { TextField } from '@mui/material';
|
||||
import AuthNavbar from 'components/pages/auth/Navbar';
|
||||
import { t } from 'i18next';
|
||||
import EnteSpinner from 'components/EnteSpinner';
|
||||
import VerticallyCentered from 'components/Container';
|
||||
|
||||
const AuthenticatorCodesPage = () => {
|
||||
const appContext = useContext(AppContext);
|
||||
const router = useRouter();
|
||||
const [codes, setCodes] = useState([]);
|
||||
const [hasFetched, setHasFetched] = useState(false);
|
||||
const [searchTerm, setSearchTerm] = useState('');
|
||||
|
||||
useEffect(() => {
|
||||
|
@ -29,6 +32,7 @@ const AuthenticatorCodesPage = () => {
|
|||
// do not log errors
|
||||
}
|
||||
}
|
||||
setHasFetched(true);
|
||||
};
|
||||
fetchCodes();
|
||||
appContext.showNavBar(false);
|
||||
|
@ -44,6 +48,17 @@ const AuthenticatorCodesPage = () => {
|
|||
.includes(searchTerm.toLowerCase())
|
||||
);
|
||||
|
||||
if (!hasFetched) {
|
||||
return (
|
||||
<>
|
||||
<VerticallyCentered>
|
||||
<EnteSpinner></EnteSpinner>
|
||||
</VerticallyCentered>
|
||||
;
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<AuthNavbar />
|
||||
|
|
Loading…
Reference in a new issue