-
- }
- aria-controls="basic-menu"
- aria-haspopup="true"
- aria-expanded={isMenuOpen ? 'true' : undefined}
- onClick={handleClick}
- >
- Rakitra Fiandry
-
-
-
-
-
-
- Hamafa tanteraka ny rakitra ampiasain’ny LMM-OA.
-
- }
- onClick={() => handleDelete()}
- >
- Hamafa
-
-
-
- );
-}
-
-export default DataStorage;
\ No newline at end of file
+import DialogDbBackup from './DialogDbBackup';
+import DialogDbDeletion from './DialogDbDeletion';
+import {
+ backupEncryptedState,
+ isBackupDbOpenState,
+ isBackupOfflineState,
+ isBackupOnlineState,
+ isDeleteDbOpenState,
+ isRestoreOfflineState,
+ isRestoreOnlineState,
+ isUserLoggedState,
+} from '../../appStates/appSettings';
+
+const DataStorage = () => {
+ const { t } = useTranslation();
+
+ const [anchorEl, setAnchorEl] = useState(null);
+
+ const [isBackupDb, setIsBackupDb] = useRecoilState(isBackupDbOpenState);
+
+ const setIsDeleteDb = useSetRecoilState(isDeleteDbOpenState);
+ const setBackupOffline = useSetRecoilState(isBackupOfflineState);
+ const setBackupOnline = useSetRecoilState(isBackupOnlineState);
+ const setRestoreOffline = useSetRecoilState(isRestoreOfflineState);
+ const setRestoreOnline = useSetRecoilState(isRestoreOnlineState);
+ const setBackupFile = useSetRecoilState(backupEncryptedState);
+
+ const isUserLogged = useRecoilValue(isUserLoggedState);
+
+ let isMenuOpen = Boolean(anchorEl);
+
+ const handleClick = (event) => {
+ setAnchorEl(event.currentTarget);
+ };
+
+ const handleClose = () => {
+ setAnchorEl(null);
+ };
+
+ const backupDb = async () => {
+ handleClose();
+ setBackupOnline(false);
+ setRestoreOnline(false);
+ setRestoreOffline(false);
+ setBackupOffline(true);
+ setIsBackupDb(true);
+ };
+
+ const backupOnlineDb = async () => {
+ handleClose();
+ setBackupOffline(false);
+ setRestoreOnline(false);
+ setRestoreOffline(false);
+ setBackupOnline(true);
+ setIsBackupDb(true);
+ };
+
+ const restoreDb = async () => {
+ handleClose();
+ const file = await fileDialog({
+ accept: '.db',
+ strict: true,
+ });
+
+ setBackupFile(file);
+ setBackupOffline(false);
+ setBackupOnline(false);
+ setRestoreOnline(false);
+ setRestoreOffline(true);
+ setIsBackupDb(true);
+ };
+
+ const restoreOnlineDb = async () => {
+ handleClose();
+ setBackupOffline(false);
+ setBackupOnline(false);
+ setRestoreOffline(false);
+ setRestoreOnline(true);
+ setIsBackupDb(true);
+ };
+
+ const handleDelete = () => {
+ setIsDeleteDb(true);
+ };
+
+ useEffect(() => {
+ setIsDeleteDb(false);
+ }, [setIsDeleteDb]);
+
+ return (
+ <>
+ {isBackupDb &&
+
+ }
+ aria-controls='basic-menu'
+ aria-haspopup='true'
+ aria-expanded={isMenuOpen ? 'true' : undefined}
+ onClick={handleClick}
+ >
+ {t('settings.backup')}
+
+
+
+
+
+
+ {t('settings.eraseDesc')}
+
+ }
+ onClick={() => handleDelete()}
+ >
+ {t('global.delete')}
+
+
+
+ );
+};
+
+export default DataStorage;
diff --git a/src/components/settings/DialogDbBackup.js b/src/components/settings/DialogDbBackup.js
index dd8911bf..8ba64735 100644
--- a/src/components/settings/DialogDbBackup.js
+++ b/src/components/settings/DialogDbBackup.js
@@ -1,4 +1,8 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
+import { useHistory } from 'react-router-dom';
+import { useRecoilState, useSetRecoilState, useRecoilValue } from 'recoil';
+import { useTranslation } from 'react-i18next';
+import UAParser from 'ua-parser-js';
import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
import Box from '@mui/material/Box';
import Button from '@mui/material/Button';
@@ -8,173 +12,760 @@ import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogTitle from '@mui/material/DialogTitle';
import StorageIcon from '@mui/icons-material/Storage';
+import TextField from '@mui/material/TextField';
import Typography from '@mui/material/Typography';
+import {
+ appMessageState,
+ appSeverityState,
+ appSnackOpenState,
+} from '../../appStates/appNotification';
+import {
+ apiHostState,
+ backupEncryptedState,
+ backupJsonDataState,
+ isBackupDbOpenState,
+ isBackupOfflineState,
+ isBackupOnlineState,
+ isRestoreOfflineState,
+ isRestoreOnlineState,
+ uidUserState,
+} from '../../appStates/appSettings';
+import { dbExportDb, dbExportJsonDb } from '../../indexedDb/dbUtility';
-const DialogDbBackup = (props) => {
- const {
- backupDbOnline,
- backupType,
- hasBackup,
- backupDate,
- backupDevice,
- backupNewDevice,
- isLoadingBackup,
- open,
- restoreDbOnline,
- setOpen
- } = props;
- const [isDisabled, setIsDisabled] = useState(true);
- const [dateFormat, setDateFormat] = useState("");
-
- const handleClose = () => {
- setOpen(false);
- };
-
- const handleDialogActions = () => {
- if (backupType === "backup") {
- backupDbOnline();
- handleClose();
- } else if (backupType === "restore") {
- restoreDbOnline();
- handleClose();
- }
- }
-
- useEffect(() => {
- if (backupDate !== "") {
- var timestamp = backupDate;
- var date = new Date(timestamp);
- setDateFormat(date.toLocaleDateString() + " " + date.toLocaleTimeString());
- }
- }, [backupDate])
-
- useEffect(() => {
- setIsDisabled(isLoadingBackup);
- }, [isLoadingBackup])
-
- return (
-
-
-
- );
-}
-
-export default DialogDbBackup;
\ No newline at end of file
+const DialogDbBackup = () => {
+ let history = useHistory();
+ const { t } = useTranslation();
+
+ const [isDisabled, setIsDisabled] = useState(true);
+ const [dateFormat, setDateFormat] = useState('');
+ const [backupCreatePwd, setBackupCreatePwd] = useState('');
+ const [backupConfirmPwd, setBackupConfirmPwd] = useState('');
+ const [backupNewDevice, setBackupNewDevice] = useState('');
+ const [isLoadingBackup, setIsLoadingBackup] = useState(true);
+ const [hasBackup, setHasBackup] = useState(false);
+ const [backupData, setBackupData] = useState('');
+ const [backupType, setBackupType] = useState('');
+ const [backupDate, setBackupDate] = useState('');
+ const [backupDevice, setBackupDevice] = useState('');
+
+ const [open, setOpen] = useRecoilState(isBackupDbOpenState);
+
+ const isBackupOffline = useRecoilValue(isBackupOfflineState);
+ const isBackupOnline = useRecoilValue(isBackupOnlineState);
+ const isRestoreOffline = useRecoilValue(isRestoreOfflineState);
+ const isRestoreOnline = useRecoilValue(isRestoreOnlineState);
+ const apiHost = useRecoilValue(apiHostState);
+ const uid = useRecoilValue(uidUserState);
+ const fileBackup = useRecoilValue(backupEncryptedState);
+
+ const setAppSnackOpen = useSetRecoilState(appSnackOpenState);
+ const setAppSeverity = useSetRecoilState(appSeverityState);
+ const setAppMessage = useSetRecoilState(appMessageState);
+ const setJsonData = useSetRecoilState(backupJsonDataState);
+
+ const handleClose = useCallback(
+ (event, reason) => {
+ if (reason === 'clickaway' || reason === 'backdropClick') {
+ return;
+ }
+ setOpen(false);
+ },
+ [setOpen]
+ );
+
+ const offlineBackupDb = async () => {
+ setIsLoadingBackup(true);
+ setIsDisabled(true);
+
+ dbExportDb(backupConfirmPwd)
+ .then(() => {
+ setAppSnackOpen(true);
+ setAppSeverity('success');
+ setAppMessage(t('settings.backupSuccess'));
+ setBackupCreatePwd('');
+ setBackupConfirmPwd('');
+ handleClose();
+ })
+ .catch(() => {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupError'));
+ setBackupCreatePwd('');
+ setBackupConfirmPwd('');
+ handleClose();
+ });
+ };
+
+ const onlineBackup = () => {
+ setIsLoadingBackup(true);
+ setBackupCreatePwd('');
+ setBackupConfirmPwd('');
+ dbExportJsonDb(backupConfirmPwd)
+ .then((data) => {
+ fetch(`${apiHost}api/user/send-backup`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ uid: uid,
+ },
+ body: JSON.stringify({
+ backup_type: 'lmmoa',
+ backup_data: data,
+ backup_date: new Date().getTime(),
+ backup_device: backupNewDevice,
+ }),
+ })
+ .then((result) => {
+ if (result.status === 200) {
+ setAppSnackOpen(true);
+ setAppSeverity('success');
+ setAppMessage(t('settings.backupSuccess'));
+ } else {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupError'));
+ }
+ handleClose();
+ })
+ .catch(() => {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupError'));
+ handleClose();
+ });
+ })
+ .catch(() => {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupError'));
+ handleClose();
+ });
+ };
+
+ const offlineRestoreDb = async () => {
+ setIsLoadingBackup(true);
+ setIsDisabled(true);
+
+ const getEncryptedText = () => {
+ return new Promise((resolve, reject) => {
+ let reader = new FileReader();
+ reader.readAsText(fileBackup);
+ reader.onloadend = () => resolve(reader.result);
+ reader.onerror = (error) => reject(error);
+ });
+ };
+
+ const backupData = await getEncryptedText();
+
+ try {
+ const Cryptr = require('cryptr');
+ const cryptr = new Cryptr(backupConfirmPwd);
+ const decryptedData = cryptr.decrypt(backupData);
+ fetch(decryptedData)
+ .then((res) => res.blob())
+ .then((blob) => {
+ setJsonData(blob);
+ history.push('/DBRestore');
+ handleClose();
+ });
+ } catch (error) {
+ if (
+ error.message === 'Unsupported state or unable to authenticate data'
+ ) {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupRestoreInvalidPassword'));
+ } else {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupRestoreError'));
+ }
+ handleClose();
+ }
+ };
+
+ const onlineRestoreDb = async () => {
+ setIsLoadingBackup(true);
+ setIsDisabled(true);
+
+ try {
+ const Cryptr = require('cryptr');
+ const cryptr = new Cryptr(backupConfirmPwd);
+ const decryptedData = cryptr.decrypt(backupData);
+ fetch(decryptedData)
+ .then((res) => res.blob())
+ .then((blob) => {
+ setJsonData(blob);
+ history.push('/DBRestore');
+ handleClose();
+ });
+ } catch (error) {
+ if (
+ error.message === 'Unsupported state or unable to authenticate data'
+ ) {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupRestoreInvalidPassword'));
+ } else {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupRestoreError'));
+ }
+ handleClose();
+ }
+ };
+
+ const handleDialogActions = () => {
+ if (isBackupOffline) {
+ offlineBackupDb();
+ } else if (isBackupOnline) {
+ onlineBackup();
+ } else if (isRestoreOffline) {
+ offlineRestoreDb();
+ } else if (isRestoreOnline) {
+ onlineRestoreDb();
+ }
+ };
+
+ useEffect(() => {
+ if (backupDate !== '') {
+ var timestamp = backupDate;
+ var date = new Date(timestamp);
+ setDateFormat(
+ date.toLocaleDateString() + ' ' + date.toLocaleTimeString()
+ );
+ }
+ }, [backupDate]);
+
+ useEffect(() => {
+ if (isBackupOffline || isBackupOnline) {
+ if (backupCreatePwd.length === 0 && backupConfirmPwd.length === 0) {
+ setIsDisabled(true);
+ } else {
+ if (backupCreatePwd === backupConfirmPwd) {
+ setIsDisabled(false);
+ } else {
+ setIsDisabled(true);
+ }
+ }
+ }
+ }, [isBackupOffline, isBackupOnline, backupCreatePwd, backupConfirmPwd]);
+
+ useEffect(() => {
+ if (isBackupOffline) {
+ setIsLoadingBackup(false);
+ }
+ }, [isBackupOffline]);
+
+ useEffect(() => {
+ if (isRestoreOffline) {
+ setIsLoadingBackup(false);
+ if (backupConfirmPwd.length === 0) {
+ setIsDisabled(true);
+ } else {
+ setIsDisabled(false);
+ }
+ }
+ }, [isRestoreOffline, backupConfirmPwd]);
+
+ useEffect(() => {
+ if (isBackupOnline && open) {
+ // Retrieve online backup if any
+ const getOnlineBackup = async () => {
+ if (apiHost !== '') {
+ try {
+ const result = await fetch(`${apiHost}api/user/get-backup`, {
+ method: 'GET',
+ headers: {
+ uid: uid,
+ },
+ });
+
+ if (result.status === 200) {
+ const data = await result.json();
+ setBackupDevice(data.message.backup_device);
+ setBackupDate(data.message.backup_date);
+ setHasBackup(true);
+ } else if (result.status === 404) {
+ setHasBackup(false);
+ } else {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupRetrieveFailed'));
+ handleClose();
+ }
+ } catch {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupRetrieveFailed'));
+ handleClose();
+ }
+ }
+ setIsLoadingBackup(false);
+ };
+
+ setIsLoadingBackup(true);
+ setIsDisabled(true);
+ setBackupType('backup');
+ const parser = new UAParser();
+ const ua = parser.getResult();
+ setBackupNewDevice(
+ ua.os.name +
+ ' ' +
+ ua.os.version +
+ '|' +
+ ua.browser.name +
+ ' ' +
+ ua.browser.version
+ );
+ // Retrieve online backup if any
+ getOnlineBackup();
+ }
+ }, [
+ isBackupOnline,
+ open,
+ apiHost,
+ uid,
+ handleClose,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ t,
+ ]);
+
+ useEffect(() => {
+ if (isRestoreOnline && open) {
+ // Retrieve online backup if any
+ const getOnlineBackup = async () => {
+ if (apiHost !== '') {
+ try {
+ const result = await fetch(`${apiHost}api/user/get-backup`, {
+ method: 'GET',
+ headers: {
+ uid: uid,
+ },
+ });
+
+ if (result.status === 200) {
+ const data = await result.json();
+ setBackupData(data.message.backup_data);
+ setBackupDevice(data.message.backup_device);
+ setBackupDate(data.message.backup_date);
+ setHasBackup(true);
+ setBackupType('restore');
+ } else if (result.status === 404) {
+ setAppSnackOpen(true);
+ setAppSeverity('info');
+ setAppMessage(t('settings.backupOnlineNone'));
+ handleClose();
+ } else {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupRetrieveFailed'));
+ handleClose();
+ }
+ } catch {
+ setAppSnackOpen(true);
+ setAppSeverity('error');
+ setAppMessage(t('settings.backupRetrieveFailed'));
+ handleClose();
+ }
+ }
+ setIsLoadingBackup(false);
+ };
+
+ setIsLoadingBackup(true);
+ setIsDisabled(true);
+
+ // Retrieve online backup if any
+ getOnlineBackup();
+ }
+ }, [
+ isRestoreOnline,
+ open,
+ apiHost,
+ uid,
+ handleClose,
+ setAppMessage,
+ setAppSeverity,
+ setAppSnackOpen,
+ t,
+ ]);
+
+ useEffect(() => {
+ if (isRestoreOnline) {
+ if (backupConfirmPwd.length === 0) {
+ setIsDisabled(true);
+ } else {
+ setIsDisabled(false);
+ }
+ }
+ }, [isRestoreOnline, backupConfirmPwd]);
+
+ return (
+
+
+
+ );
+};
+
+export default DialogDbBackup;
diff --git a/src/components/settings/DialogDbDeletion.js b/src/components/settings/DialogDbDeletion.js
index a615150a..3fec2873 100644
--- a/src/components/settings/DialogDbDeletion.js
+++ b/src/components/settings/DialogDbDeletion.js
@@ -1,4 +1,5 @@
-import { useState } from 'react';
+import { useRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
import Button from '@mui/material/Button';
import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
@@ -6,49 +7,49 @@ import DialogContent from '@mui/material/DialogContent';
import DialogContentText from '@mui/material/DialogContentText';
import DialogTitle from '@mui/material/DialogTitle';
import { deleteDb } from '../../indexedDb/dbUtility';
-import { useEffect } from 'react';
+import { isDeleteDbOpenState } from '../../appStates/appSettings';
-const DialogDbDeletion = (props) => {
- const [open, setOpen] = useState(true);
+const DialogDbDeletion = () => {
+ const { t } = useTranslation();
- const handleClose = () => {
- props.setOpen(false);
- };
+ const [open, setOpen] = useRecoilState(isDeleteDbOpenState);
- const handleDelete = async () => {
- await deleteDb();
- window.location.href = './';
- };
+ const handleClose = () => {
+ setOpen(false);
+ };
- useEffect(() => {
- setOpen(props.open)
- }, [props.open])
+ const handleDelete = async () => {
+ await deleteDb();
+ window.location.href = './';
+ };
- return (
-
-
-
- );
-}
-
-export default DialogDbDeletion;
\ No newline at end of file
+ return (
+
+
+
+ );
+};
+
+export default DialogDbDeletion;
diff --git a/src/components/startup/StepperCongregation.js b/src/components/startup/StepperCongregation.js
index e84b8a9c..67f894a5 100644
--- a/src/components/startup/StepperCongregation.js
+++ b/src/components/startup/StepperCongregation.js
@@ -2,68 +2,78 @@ import { useRecoilState } from 'recoil';
import { useTranslation } from 'react-i18next';
import TextField from '@mui/material/TextField';
import Typography from '@mui/material/Typography';
-import { congNameState, congNumberState, isErrorCongNameState, isErrorCongNumberState } from '../../appStates/appCongregation';
+import {
+ congNameState,
+ congNumberState,
+ isErrorCongNameState,
+ isErrorCongNumberState,
+} from '../../appStates/appCongregation';
const StepperCongregation = () => {
- const { t } = useTranslation();
+ const { t } = useTranslation();
- const [congName, setCongName] = useRecoilState(congNameState);
- const [congNumber, setCongNumber] = useRecoilState(congNumberState);
- const [isErrorCongName, setIsErrorCongName] = useRecoilState(isErrorCongNameState);
- const [isErrorCongNumber, setIsErrorCongNumber] = useRecoilState(isErrorCongNumberState);
+ const [congName, setCongName] = useRecoilState(congNameState);
+ const [congNumber, setCongNumber] = useRecoilState(congNumberState);
+ const [isErrorCongName, setIsErrorCongName] =
+ useRecoilState(isErrorCongNameState);
+ const [isErrorCongNumber, setIsErrorCongNumber] = useRecoilState(
+ isErrorCongNumberState
+ );
- const handleCongNameChange = (value) => {
- if (value) {
- setIsErrorCongName(false);
- } else {
- setIsErrorCongName(true);
- }
- setCongName(value);
- }
+ const handleCongNameChange = (value) => {
+ if (value) {
+ setIsErrorCongName(false);
+ } else {
+ setIsErrorCongName(true);
+ }
+ setCongName(value);
+ };
- const handleCongNumberChange = (value) => {
- if (value) {
- setIsErrorCongNumber(false);
- } else {
- setIsErrorCongNumber(true);
- }
- setCongNumber(value);
- }
+ const handleCongNumberChange = (value) => {
+ if (value) {
+ setIsErrorCongNumber(false);
+ } else {
+ setIsErrorCongNumber(true);
+ }
+ setCongNumber(value);
+ };
- return (
-
- {t("startup.congInfoDescription")}
- handleCongNameChange(e.target.value)}
- />
- handleCongNumberChange(e.target.value)}
- />
-
- );
-}
-
-export default StepperCongregation;
\ No newline at end of file
+ return (
+
+
+ {t('startup.congInfoDescription')}
+
+ handleCongNameChange(e.target.value)}
+ />
+ handleCongNumberChange(e.target.value)}
+ />
+
+ );
+};
+
+export default StepperCongregation;
diff --git a/src/components/startup/StepperMeetingDetails.js b/src/components/startup/StepperMeetingDetails.js
index 465fc4da..185405fd 100644
--- a/src/components/startup/StepperMeetingDetails.js
+++ b/src/components/startup/StepperMeetingDetails.js
@@ -1,74 +1,79 @@
-import { useRecoilState } from "recoil";
-import { useTranslation } from "react-i18next";
+import { useRecoilState } from 'recoil';
+import { useTranslation } from 'react-i18next';
import Box from '@mui/material/Box';
import MenuItem from '@mui/material/MenuItem';
import TextField from '@mui/material/TextField';
import Typography from '@mui/material/Typography';
-import { classCountState, meetingDayState } from "../../appStates/appCongregation";
+import {
+ classCountState,
+ meetingDayState,
+} from '../../appStates/appCongregation';
const StepperMeetingDetails = () => {
- const { t } = useTranslation();
+ const { t } = useTranslation();
- const [meetingDay, setMeetingDay] = useRecoilState(meetingDayState);
- const [classCount, setClassCount] = useRecoilState(classCountState);
+ const [meetingDay, setMeetingDay] = useRecoilState(meetingDayState);
+ const [classCount, setClassCount] = useRecoilState(classCountState);
- const handleMeetingDayChange = (e) => {
- setMeetingDay(e.target.value)
- }
+ const handleMeetingDayChange = (e) => {
+ setMeetingDay(e.target.value);
+ };
- const handleClassChange = (e) => {
- setClassCount(e.target.value)
- }
+ const handleClassChange = (e) => {
+ setClassCount(e.target.value);
+ };
- return (
-
- {(!isLoading && !isValid) && (
-
-
- Tsy rakitra misy ny fitehirizana momba ny LMM-OA io nosafidianao io, fa hamarino indray mandeha.
-
-
- )}
- {(!isLoading && isValid) && (
-
- {!isComplete && (
- <>
-
- Miandrasa kely ...
-
-
- )}
- {isComplete && (
- <>
-
- Vita ny famerenana ny rakitra fiandry ho an’ny LMM-OA.
-
-
- )}
-
- )}
-
- );
-}
-
-export default DBRestore;
\ No newline at end of file
+ if (fileJSON === undefined) {
+ return (
+
+ {!isLoading && !isValid && (
+
+
+ Tsy rakitra misy ny fitehirizana momba ny LMM-OA io nosafidianao io,
+ fa hamarino indray mandeha.
+
+
+ )}
+ {!isLoading && isValid && (
+
+ {!isComplete && (
+ <>
+
+ Miandrasa kely ...
+
+
+ )}
+ {isComplete && (
+ <>
+
+ Vita ny famerenana ny rakitra fiandry ho an’ny LMM-OA.
+
+
+ )}
+
+ )}
+
+ );
+};
+
+export default DBRestore;
diff --git a/src/pages/Settings.js b/src/pages/Settings.js
index d9c626e7..e26341ae 100644
--- a/src/pages/Settings.js
+++ b/src/pages/Settings.js
@@ -1,63 +1,52 @@
-import { useState } from "react";
-import { Redirect } from "react-router-dom";
+import { useState } from 'react';
+import { Redirect } from 'react-router-dom';
import Box from '@mui/material/Box';
-import BasicSettings from "../components/settings/BasicSettings";
-import DataStorage from "../components/settings/DataStorage";
-import UseInternet from "../components/settings/UseInternet";
+import BasicSettings from '../components/settings/BasicSettings';
+import DataStorage from '../components/settings/DataStorage';
const sharedStyles = {
- settingItem: {
- flex: "1 1 350px",
- borderRadius: '10px',
- margin: "10px 2px",
- padding: '5px',
- },
-}
+ settingItem: {
+ flex: '1 1 350px',
+ borderRadius: '10px',
+ margin: '10px 2px',
+ padding: '5px',
+ },
+};
const Settings = (props) => {
- const [isRedirect, setIsRedirect] = useState(false);
- const [jsonFile, setJsonFile] = useState("");
+ const [isRedirect, setIsRedirect] = useState(false);
+ const [jsonFile, setJsonFile] = useState('');
- if (isRedirect === true) {
- return 
-
-
-
-
-
-
-
-
- );
-}
-
-export default Startup;
\ No newline at end of file
+ const { t, i18n } = useTranslation();
+
+ const [isSetup, setIsSetup] = useState(false);
+
+ const [congName, setCongName] = useRecoilState(congNameState);
+ const [congNumber, setCongNumber] = useRecoilState(congNumberState);
+ const [isErrorCongName, setIsErrorCongName] =
+ useRecoilState(isErrorCongNameState);
+ const [isErrorCongNumber, setIsErrorCongNumber] = useRecoilState(
+ isErrorCongNumberState
+ );
+ const [meetingDay, setMeetingDay] = useRecoilState(meetingDayState);
+ const [classCount, setClassCount] = useRecoilState(classCountState);
+
+ const setCongID = useSetRecoilState(congIDState);
+ const setAppLang = useSetRecoilState(appLangState);
+ const setIsAppLoad = useSetRecoilState(isAppLoadState);
+ const setDbStudents = useSetRecoilState(allStudentsState);
+ const setStudents = useSetRecoilState(filteredStudentsState);
+ const setYearsList = useSetRecoilState(yearsListState);
+ const setAssTypeList = useSetRecoilState(assTypeListState);
+ const setWeekTypeList = useSetRecoilState(weekTypeListState);
+ const setLiveClass = useSetRecoilState(liveClassState);
+
+ const [activeStep, setActiveStep] = useState(0);
+ const steps = [
+ t('startup.welcomeTitle'),
+ t('startup.congInfoTitle'),
+ t('startup.meetingInfoTitle'),
+ t('startup.setupCompleteTitle'),
+ ];
+
+ const getStepContent = (step) => {
+ if (step === 0) {
+ return
-
-
-
-
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Startup;
+
+
+
+