diff --git a/pages/connection.tsx b/pages/connection.tsx
index c13dcc3f..db384ea9 100644
--- a/pages/connection.tsx
+++ b/pages/connection.tsx
@@ -1,35 +1,35 @@
-import { Link, Stack, useBreakpointValue } from '@chakra-ui/react';
-import { BsRocketTakeoffFill } from 'react-icons/bs';
+import {Link, Stack, useBreakpointValue} from '@chakra-ui/react';
+import {BsRocketTakeoffFill} from 'react-icons/bs';
-import AuthPage from 'components/AuthPage';
-import Button from 'components/Button';
+import AuthPage from 'components/Pages/AuthPage';
+import Button from 'components/Models/Button';
const Connection = (): JSX.Element => {
- const isMobile = useBreakpointValue({ base: true, md: false }) || false;
+ const isMobile = useBreakpointValue({base: true, md: false}) || false;
- return (
-
-
-
-
-
-
-
-
-
-
- );
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
};
export default Connection;
diff --git a/pages/drive/account.tsx b/pages/drive/account.tsx
index 27ca7aac..57a6eb21 100644
--- a/pages/drive/account.tsx
+++ b/pages/drive/account.tsx
@@ -1,18 +1,18 @@
-import { VStack } from '@chakra-ui/react';
+import {VStack} from '@chakra-ui/react';
import AccountCard from 'components/account/AccountCard';
import ConfigCard from 'components/account/ConfigCard';
-import LabelBadge from 'components/LabelBadge';
-import Navigation from 'components/navigation/Navigation';
+import LabelBadge from 'components/Models/LabelBadge';
+import Navigation from 'components/Pages/navigation/Navigation';
const Account = (): JSX.Element => (
-
-
-
-
-
-
-
+
+
+
+
+
+
+
);
export default Account;
diff --git a/pages/drive/contacts.tsx b/pages/drive/contacts.tsx
index fca5efe4..5156a75e 100644
--- a/pages/drive/contacts.tsx
+++ b/pages/drive/contacts.tsx
@@ -1,26 +1,26 @@
-import { HStack, VStack } from '@chakra-ui/react';
+import {HStack, VStack} from '@chakra-ui/react';
-import DriveCards from 'components/cards/DriveCards';
+import DriveCards from 'components/Models/cards/DriveCards';
import AddContact from 'components/contact/AddContact';
-import LabelBadge from 'components/LabelBadge';
-import Navigation from 'components/navigation/Navigation';
+import LabelBadge from 'components/Models/LabelBadge';
+import Navigation from 'components/Pages/navigation/Navigation';
-import { useDriveContext } from 'contexts/drive';
+import {useDriveContext} from 'contexts/drive';
const Contacts = (): JSX.Element => {
- const { contacts } = useDriveContext();
+ const {contacts} = useDriveContext();
- return (
-
-
-
-
-
-
-
-
-
- );
+ return (
+
+
+
+
+
+
+
+
+
+ );
};
export default Contacts;
diff --git a/pages/drive/index.tsx b/pages/drive/index.tsx
index 422f39b0..6de7a3ac 100644
--- a/pages/drive/index.tsx
+++ b/pages/drive/index.tsx
@@ -1,69 +1,69 @@
-import { useColorMode, useToast, VStack } from '@chakra-ui/react';
-import { useEffect } from 'react';
+import {useColorMode, useToast, VStack} from '@chakra-ui/react';
+import {useEffect} from 'react';
-import { useConfigContext } from 'contexts/config';
-import { useDriveContext } from 'contexts/drive';
-import { useUserContext } from 'contexts/user';
+import {useConfigContext} from 'contexts/config';
+import {useDriveContext} from 'contexts/drive';
+import {useUserContext} from 'contexts/user';
-import DriveCards from 'components/cards/DriveCards';
-import LabelBadge from 'components/LabelBadge';
-import Navigation from 'components/navigation/Navigation';
+import DriveCards from 'components/Models/cards/DriveCards';
+import LabelBadge from 'components/Models/LabelBadge';
+import Navigation from 'components/Pages/navigation/Navigation';
const Dashboard = (): JSX.Element => {
- const toast = useToast({ duration: 2000, isClosable: true });
- const { user } = useUserContext();
- const { setConfig } = useConfigContext();
- const { colorMode, toggleColorMode } = useColorMode();
+ const toast = useToast({duration: 2000, isClosable: true});
+ const {user} = useUserContext();
+ const {setConfig} = useConfigContext();
+ const {colorMode, toggleColorMode} = useColorMode();
- const { path, folders, files, setFiles, setFolders, setContacts, setPrograms, setSharedFiles, setSharedPrograms } =
- useDriveContext();
+ const {path, folders, files, setFiles, setFolders, setContacts, setPrograms, setSharedFiles, setSharedPrograms} =
+ useDriveContext();
- useEffect(() => {
- (async () => {
- if (user) {
- await loadContact();
- await loadUserContents();
- }
- })();
- }, []);
+ useEffect(() => {
+ (async () => {
+ if (user) {
+ await loadContact();
+ await loadUserContents();
+ }
+ })();
+ }, []);
- const loadContact = async () => {
- const load = await user.fullContact.contact.load();
+ const loadContact = async () => {
+ const load = await user.fullContact.contact.load();
- toast({ title: load.message, status: load.success ? 'success' : 'error' });
- setContacts(user.fullContact.contact.contacts);
- };
+ toast({title: load.message, status: load.success ? 'success' : 'error'});
+ setContacts(user.fullContact.contact.contacts);
+ };
- const loadUserContents = async () => {
- const loadShared = await user.drive.loadShared(user.fullContact.contact.contacts);
- toast({ title: loadShared.message, status: loadShared.success ? 'success' : 'error' });
- setFiles(user.drive.files);
- setFolders(user.drive.folders);
- setSharedFiles(user.drive.sharedFiles);
- setSharedPrograms(user.drive.sharedPrograms);
+ const loadUserContents = async () => {
+ const loadShared = await user.drive.loadShared(user.fullContact.contact.contacts);
+ toast({title: loadShared.message, status: loadShared.success ? 'success' : 'error'});
+ setFiles(user.drive.files);
+ setFolders(user.drive.folders);
+ setSharedFiles(user.drive.sharedFiles);
+ setSharedPrograms(user.drive.sharedPrograms);
- const loadedPrograms = await user.fullContact.computing.load();
- toast({ title: loadedPrograms.message, status: loadedPrograms.success ? 'success' : 'error' });
- setPrograms(user.fullContact.computing.programs);
+ const loadedPrograms = await user.fullContact.computing.load();
+ toast({title: loadedPrograms.message, status: loadedPrograms.success ? 'success' : 'error'});
+ setPrograms(user.fullContact.computing.programs);
- const loadedConfig = await user.loadConfig();
- setConfig(user.config);
- if (user.config?.theme.value === 'white' && colorMode !== 'light') toggleColorMode();
- if (user.config?.theme.value === 'gray.800' && colorMode !== 'dark') toggleColorMode();
- toast({ title: loadedConfig.message, status: loadedConfig.success ? 'success' : 'error' });
- };
+ const loadedConfig = await user.loadConfig();
+ setConfig(user.config);
+ if (user.config?.theme.value === 'white' && colorMode !== 'light') toggleColorMode();
+ if (user.config?.theme.value === 'gray.800' && colorMode !== 'dark') toggleColorMode();
+ toast({title: loadedConfig.message, status: loadedConfig.success ? 'success' : 'error'});
+ };
- return (
-
-
-
- elem.path === path && !elem.deletedAt)}
- folders={folders.filter((elem) => elem.path === path)}
- />
-
-
- );
+ return (
+
+
+
+ elem.path === path && !elem.deletedAt)}
+ folders={folders.filter((elem) => elem.path === path)}
+ />
+
+
+ );
};
export default Dashboard;
diff --git a/pages/drive/programs.tsx b/pages/drive/programs.tsx
index c85ac62e..cd9a9623 100644
--- a/pages/drive/programs.tsx
+++ b/pages/drive/programs.tsx
@@ -1,22 +1,22 @@
-import { VStack } from '@chakra-ui/react';
+import {VStack} from '@chakra-ui/react';
-import DriveCards from 'components/cards/DriveCards';
-import LabelBadge from 'components/LabelBadge';
-import Navigation from 'components/navigation/Navigation';
+import DriveCards from 'components/Models/cards/DriveCards';
+import LabelBadge from 'components/Models/LabelBadge';
+import Navigation from 'components/Pages/navigation/Navigation';
-import { useDriveContext } from 'contexts/drive';
+import {useDriveContext} from 'contexts/drive';
const Programs = (): JSX.Element => {
- const { programs } = useDriveContext();
+ const {programs} = useDriveContext();
- return (
-
-
-
-
-
-
- );
+ return (
+
+
+
+
+
+
+ );
};
export default Programs;
diff --git a/pages/drive/shared.tsx b/pages/drive/shared.tsx
index 3ef2e915..89a70f69 100644
--- a/pages/drive/shared.tsx
+++ b/pages/drive/shared.tsx
@@ -1,23 +1,23 @@
-import { VStack } from '@chakra-ui/react';
+import {VStack} from '@chakra-ui/react';
-import DriveCards from 'components/cards/DriveCards';
-import LabelBadge from 'components/LabelBadge';
-import Navigation from 'components/navigation/Navigation';
+import DriveCards from 'components/Models/cards/DriveCards';
+import LabelBadge from 'components/Models/LabelBadge';
+import Navigation from 'components/Pages/navigation/Navigation';
-import { useDriveContext } from 'contexts/drive';
+import {useDriveContext} from 'contexts/drive';
const Shared = (): JSX.Element => {
- const { sharedFiles } = useDriveContext();
- const { sharedPrograms } = useDriveContext();
+ const {sharedFiles} = useDriveContext();
+ const {sharedPrograms} = useDriveContext();
- return (
-
-
-
- !elem.deletedAt)} programs={sharedPrograms} />
-
-
- );
+ return (
+
+
+
+ !elem.deletedAt)} programs={sharedPrograms}/>
+
+
+ );
};
export default Shared;
diff --git a/pages/drive/trash.tsx b/pages/drive/trash.tsx
index 1dbc0e3b..37f4d72b 100644
--- a/pages/drive/trash.tsx
+++ b/pages/drive/trash.tsx
@@ -1,29 +1,29 @@
-import { HStack, VStack } from '@chakra-ui/react';
+import {HStack, VStack} from '@chakra-ui/react';
-import DriveCards from 'components/cards/DriveCards';
+import DriveCards from 'components/Models/cards/DriveCards';
import DeleteBin from 'components/file/DeleteBin';
-import LabelBadge from 'components/LabelBadge';
-import Navigation from 'components/navigation/Navigation';
+import LabelBadge from 'components/Models/LabelBadge';
+import Navigation from 'components/Pages/navigation/Navigation';
-import { useDriveContext } from 'contexts/drive';
+import {useDriveContext} from 'contexts/drive';
const Trash = (): JSX.Element => {
- const { path, files, folders, sharedFiles } = useDriveContext();
+ const {path, files, folders, sharedFiles} = useDriveContext();
- const deletedFiles = files.filter((elem) => elem.path === path && elem.deletedAt !== null);
- const deletedFolders = folders.filter((elem) => elem.path === path);
+ const deletedFiles = files.filter((elem) => elem.path === path && elem.deletedAt !== null);
+ const deletedFolders = folders.filter((elem) => elem.path === path);
- return (
-
-
-
-
-
-
-
-
-
- );
+ return (
+
+
+
+
+
+
+
+
+
+ );
};
export default Trash;
diff --git a/pages/index.tsx b/pages/index.tsx
index daf8bd32..fc113281 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,23 +1,23 @@
-import { VStack } from '@chakra-ui/react';
+import {VStack} from '@chakra-ui/react';
-import FeaturesSection from 'components/landingPage/FeaturesSection';
-import Footer from 'components/landingPage/Footer';
-import HeadingSection from 'components/landingPage/HeadingSection';
-import NavBar from 'components/landingPage/NavBar';
-import PartnersSection from 'components/landingPage/PartnersSection';
-import ServicesSection from 'components/landingPage/ServicesSection';
+import FeaturesSection from 'components/Pages/landingPage/FeaturesSection';
+import Footer from 'components/Pages/landingPage/Footer';
+import HeadingSection from 'components/Pages/landingPage/HeadingSection';
+import NavBar from 'components/Pages/landingPage/NavBar';
+import PartnersSection from 'components/Pages/landingPage/PartnersSection';
+import ServicesSection from 'components/Pages/landingPage/ServicesSection';
const Home = (): JSX.Element => (
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
);
export default Home;
diff --git a/pages/login.tsx b/pages/login.tsx
index e7123e5e..398e7a53 100644
--- a/pages/login.tsx
+++ b/pages/login.tsx
@@ -1,118 +1,118 @@
-import { Text, Textarea, useColorModeValue, useToast, VStack } from '@chakra-ui/react';
+import {Text, Textarea, useColorModeValue, useToast, VStack} from '@chakra-ui/react';
import Link from 'next/link';
-import { useRouter } from 'next/router';
-import { useState } from 'react';
+import {useRouter} from 'next/router';
+import {useState} from 'react';
-import { useAuthContext } from 'contexts/auth';
-import { useConfigContext } from 'contexts/config';
-import { useUserContext } from 'contexts/user';
+import {useAuthContext} from 'contexts/auth';
+import {useConfigContext} from 'contexts/config';
+import {useUserContext} from 'contexts/user';
-import AuthPage from 'components/AuthPage';
-import Button from 'components/Button';
+import AuthPage from 'components/Pages/AuthPage';
+import Button from 'components/Models/Button';
-import { ResponseType } from 'types/types';
+import {ResponseType} from 'types/types';
-import { textColorMode } from 'config/colorMode';
+import {textColorMode} from 'config/colorMode';
import colors from 'theme/foundations/colors';
const Login = (): JSX.Element => {
- const auth = useAuthContext();
- const { setUser } = useUserContext();
- const router = useRouter();
- const { config } = useConfigContext();
+ const auth = useAuthContext();
+ const {setUser} = useUserContext();
+ const router = useRouter();
+ const {config} = useConfigContext();
- const [mnemonics, setMnemonics] = useState('');
- const [isLoadingCredentials, setIsLoadingCredentials] = useState(false);
+ const [mnemonics, setMnemonics] = useState('');
+ const [isLoadingCredentials, setIsLoadingCredentials] = useState(false);
- const toast = useToast({ duration: 2000, isClosable: true });
- const textColor = useColorModeValue(textColorMode.light, textColorMode.dark);
+ const toast = useToast({duration: 2000, isClosable: true});
+ const textColor = useColorModeValue(textColorMode.light, textColorMode.dark);
- const loginWithCredentials = async (): Promise => {
- setIsLoadingCredentials(true);
- const login = await auth.loginWithCredentials(mnemonics, config);
- setIsLoadingCredentials(false);
+ const loginWithCredentials = async (): Promise => {
+ setIsLoadingCredentials(true);
+ const login = await auth.loginWithCredentials(mnemonics, config);
+ setIsLoadingCredentials(false);
- if (!login.user) return { success: false, message: login.message };
- setUser(login.user);
- await router.push('/drive');
- await login.user.drive.autoDelete();
- return { success: true, message: login.message };
- };
+ if (!login.user) return {success: false, message: login.message};
+ setUser(login.user);
+ await router.push('/drive');
+ await login.user.drive.autoDelete();
+ return {success: true, message: login.message};
+ };
- const loginWithAProvider = async (): Promise => {
- setIsLoadingCredentials(true);
- const login = await auth.loginWithProvider(config);
- setIsLoadingCredentials(false);
+ const loginWithAProvider = async (): Promise => {
+ setIsLoadingCredentials(true);
+ const login = await auth.loginWithProvider(config);
+ setIsLoadingCredentials(false);
- if (!login.user) return { success: false, message: login.message };
- setUser(login.user);
- await router.push('/drive');
- await login.user.drive.autoDelete();
- return { success: true, message: login.message };
- };
+ if (!login.user) return {success: false, message: login.message};
+ setUser(login.user);
+ await router.push('/drive');
+ await login.user.drive.autoDelete();
+ return {success: true, message: login.message};
+ };
- return (
-
-
-
-
-