From 81bf0a47a0df49df14ca9fa791498f6ab264f3be Mon Sep 17 00:00:00 2001
From: xdemocle <xdemocle@gmail.com>
Date: Sat, 18 Dec 2021 20:32:19 +0100
Subject: [PATCH 1/2] [FAIR-96] yolo

---
 .env                               |   1 +
 components/ContentHeader/index.tsx |   8 +-
 components/Dropdown/index.tsx      |   2 +-
 components/Layout/index.tsx        |   3 +-
 components/Sidebar/index.tsx       |  33 +++--
 components/TextInput/index.tsx     |  14 +-
 contexts/Pods.tsx                  |  17 +++
 contexts/User.tsx                  |   1 +
 hooks/useFairOs.tsx                | 206 +++++++++++++++++++++++++++
 hooks/usePods.tsx                  |   6 +
 package.json                       |  12 +-
 pages/_app.tsx                     |  44 +++++-
 pages/index.tsx                    |  30 +++-
 pages/login.tsx                    |  52 +++++--
 pages/logout.tsx                   |  12 +-
 pages/pods/[slug].tsx              |   3 +
 yarn.lock                          | 215 ++++++-----------------------
 17 files changed, 449 insertions(+), 210 deletions(-)
 create mode 100644 .env
 create mode 100644 contexts/Pods.tsx
 create mode 100644 hooks/useFairOs.tsx
 create mode 100644 hooks/usePods.tsx
 create mode 100644 pages/pods/[slug].tsx

diff --git a/.env b/.env
new file mode 100644
index 0000000..f019d8e
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+NEXT_PUBLIC_FAIROSHOST=https://fairos.fairdatasociety.org/v1/
diff --git a/components/ContentHeader/index.tsx b/components/ContentHeader/index.tsx
index 4ade8a4..073e2eb 100644
--- a/components/ContentHeader/index.tsx
+++ b/components/ContentHeader/index.tsx
@@ -3,17 +3,15 @@ import FolderIcon from 'assets/icons/folder.svg';
 import HamburgerIcon from 'assets/icons/hamburger.svg';
 import UnionIcon from 'assets/icons/union.svg';
 import Dropdown from 'components/Dropdown';
+import usePods from 'hooks/usePods';
 
 const ContentHeader = () => {
-  const dropdownOptions = [
-    { title: 'Pod 1', href: '/' },
-    { title: 'Pod 2', href: '/' },
-  ];
+  const { pods } = usePods();
 
   return (
     <div className="my-6 flex justify-between">
       <div className="flex items-center">
-        <Dropdown style="outset" options={dropdownOptions}>
+        <Dropdown style="outset" options={pods}>
           <FolderIcon />
         </Dropdown>
         <span className="text-xl font-semibold text-purple">
diff --git a/components/Dropdown/index.tsx b/components/Dropdown/index.tsx
index 5da2856..31aa241 100644
--- a/components/Dropdown/index.tsx
+++ b/components/Dropdown/index.tsx
@@ -4,7 +4,7 @@ import Button, { StyleTypes } from 'components/Button';
 import ChevronDownIcon from 'assets/icons/chevron-down.svg';
 import useOnClickOutside from 'use-onclickoutside';
 
-interface DropdownItem {
+export interface DropdownItem {
   title: string;
   href?: string;
 }
diff --git a/components/Layout/index.tsx b/components/Layout/index.tsx
index 707517e..c84ecea 100644
--- a/components/Layout/index.tsx
+++ b/components/Layout/index.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import { ReactNode, useEffect } from 'react';
 import Router from 'next/router';
 import Topbar from 'components/Topbar';
@@ -18,7 +19,7 @@ const Layout = ({ children }: Props) => {
       setSidebarVisible(false);
       Router.push('/login');
     }
-  }, [isAuthenticated, setSidebarVisible]);
+  }, [isAuthenticated]);
 
   return (
     <section className="relative w-full min-h-screen">
diff --git a/components/Sidebar/index.tsx b/components/Sidebar/index.tsx
index 25caa89..d2d17bf 100644
--- a/components/Sidebar/index.tsx
+++ b/components/Sidebar/index.tsx
@@ -1,9 +1,16 @@
+import Link from 'next/link';
+import { useRouter } from 'next/router';
 import classes from './Sidebar.module.scss';
 import AlertIcon from 'assets/icons/alert.svg';
-import BinIcon from 'assets/icons/bin.svg';
+// import BinIcon from 'assets/icons/bin.svg';
 import ChevronIcon from 'assets/icons/chevron-right.svg';
+import usePods from 'hooks/usePods';
 
 const Sidebar = () => {
+  const { pods } = usePods();
+  const router = useRouter();
+  const { slug = '/' } = router.query;
+
   return (
     <aside
       className={`fixed left-0 top-0 bottom-0 z-0 w-48 lg:w-72 px-6 pt-20 bg-white shadow-xl ${classes.root}`}
@@ -13,18 +20,20 @@ const Sidebar = () => {
       </header>
 
       <main className={`${classes.list} text-purple`}>
-        <a className={classes.listItem} href="#">
-          Pod 1 <ChevronIcon />
-        </a>
-        <a className={`${classes.listItem} ${classes.listItemActive}`} href="#">
-          Pod 2 <ChevronIcon />
-        </a>
-        <a className={classes.listItem} href="#">
-          Pod 3 <ChevronIcon />
-        </a>
-        <a className={classes.listItem} href="#">
+        {pods.map((pod, ix) => (
+          <Link key={ix + pod.slug} href={pod.slug}>
+            <a
+              className={`${classes.listItem} ${
+                slug === pod.slug ? classes.listItemActive : ''
+              }`}
+            >
+              {pod.title} <ChevronIcon />
+            </a>
+          </Link>
+        ))}
+        {/* <a className={classes.listItem} href="#">
           Trash Pod <BinIcon />
-        </a>
+        </a> */}
       </main>
 
       <footer className="flex items-center mt-8 text-purple">
diff --git a/components/TextInput/index.tsx b/components/TextInput/index.tsx
index cfb1729..f23cf88 100644
--- a/components/TextInput/index.tsx
+++ b/components/TextInput/index.tsx
@@ -1,12 +1,22 @@
+import { SyntheticEvent } from 'react';
+
 type InputTypes = 'text' | 'password';
 
 type Props = {
   type?: InputTypes;
   label?: string;
   placeholder?: string;
+  value: string;
+  onChange: (evt: SyntheticEvent) => void;
 };
 
-const TextInput = ({ type = 'text', label, placeholder }: Props) => {
+const TextInput = ({
+  type = 'text',
+  label,
+  placeholder,
+  value,
+  onChange,
+}: Props) => {
   return (
     <div className="mb-8">
       {!!label && <label className="block mb-3">{label}</label>}
@@ -14,6 +24,8 @@ const TextInput = ({ type = 'text', label, placeholder }: Props) => {
         type={type}
         placeholder={placeholder}
         className="text-purple border-blue border-2 rounded-lg py-2.5 px-4 w-full md:w-1/3"
+        value={value}
+        onChange={onChange}
       />
     </div>
   );
diff --git a/contexts/Pods.tsx b/contexts/Pods.tsx
new file mode 100644
index 0000000..7980572
--- /dev/null
+++ b/contexts/Pods.tsx
@@ -0,0 +1,17 @@
+import { createContext, Dispatch, SetStateAction } from 'react';
+
+export interface PodItem {
+  title: string;
+  slug?: string;
+}
+
+export interface PodsContextProps {
+  pods: PodItem[];
+  setPods: Dispatch<SetStateAction<PodItem[]>>;
+}
+
+export const PodsContext = createContext<PodsContextProps>(
+  {} as PodsContextProps
+);
+
+export default PodsContext.Provider;
diff --git a/contexts/User.tsx b/contexts/User.tsx
index ef3351d..0ed0694 100644
--- a/contexts/User.tsx
+++ b/contexts/User.tsx
@@ -2,6 +2,7 @@ import { createContext, Dispatch, SetStateAction } from 'react';
 
 export type UserObject = {
   username: string;
+  password?: string | null;
 };
 
 export interface UserContextProps {
diff --git a/hooks/useFairOs.tsx b/hooks/useFairOs.tsx
new file mode 100644
index 0000000..680e7bb
--- /dev/null
+++ b/hooks/useFairOs.tsx
@@ -0,0 +1,206 @@
+/* eslint-disable no-useless-catch */
+// import qs from 'qs';
+import axios from 'axios';
+import { PodItem } from 'contexts/Pods';
+import useUser from 'hooks/useUser';
+
+interface Payload {
+  username?: string;
+  password?: string;
+  address?: string;
+  mnemonic?: string;
+  podName?: string;
+  podReference?: string;
+  directory?: string;
+  file?: any;
+  files?: any;
+}
+
+const host = process.env.NEXT_PUBLIC_FAIROSHOST;
+
+const podNameDefault = 'Home';
+
+const useFairOs = () => {
+  const { user } = useUser();
+
+  const login = async (payload: Payload) => {
+    const { username, password } = payload;
+
+    try {
+      const response = await axios({
+        baseURL: host,
+        url: 'user/login',
+        method: 'POST',
+        data: {
+          user_name: username,
+          password: password,
+        },
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        withCredentials: true,
+      });
+
+      localStorage.setItem('user', JSON.stringify({ username }));
+
+      return response;
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const logout = async () => {
+    try {
+      const response = await axios({
+        baseURL: host,
+        method: 'POST',
+        url: 'user/logout',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        withCredentials: true,
+        data: {
+          user_name: '',
+          password: '',
+        },
+      });
+
+      return response;
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const userLoggedIn = async (username: string) => {
+    try {
+      const requestBody = {
+        user_name: username,
+      };
+
+      const response = await axios({
+        baseURL: host,
+        method: 'GET',
+        url: 'user/isloggedin',
+        data: requestBody,
+        params: { user_name: username },
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        withCredentials: true,
+      });
+
+      return response;
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const getDirectory = async (payload: Payload) => {
+    const { directory, podName } = payload;
+
+    try {
+      const pod_name =
+        podName === undefined || podName === null ? podNameDefault : podName;
+      let data = { dir_path: '', pod_name: pod_name };
+
+      if (directory === 'root') {
+        data = {
+          dir_path: '/',
+          pod_name: pod_name,
+        };
+      } else {
+        data = {
+          dir_path: '/' + directory,
+          pod_name: pod_name,
+        };
+      }
+
+      const response = await axios({
+        baseURL: host,
+        method: 'GET',
+        url: 'dir/ls',
+        params: data,
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        withCredentials: true,
+      });
+
+      return response;
+    } catch (error) {
+      throw error;
+    }
+  };
+
+  const getPods = async () => {
+    const response = await axios({
+      baseURL: host,
+      method: 'GET',
+      url: 'pod/ls',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      withCredentials: true,
+    });
+
+    return response;
+  };
+
+  const openPod = async (podName: string) => {
+    try {
+      const openPod = await axios({
+        baseURL: host,
+        method: 'POST',
+        url: 'pod/open',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        data: {
+          pod_name:
+            podName === undefined || podName === null
+              ? podNameDefault
+              : podName,
+          password: user.password,
+        },
+        withCredentials: true,
+      });
+
+      return openPod;
+    } catch (err) {
+      return err;
+    }
+  };
+
+  const getPodsWithHref = async () => {
+    const { data } = await getPods();
+    const podsWithHref: PodItem[] = [];
+
+    data.pod_name.forEach((pod: string) => {
+      if (pod.toLowerCase() === 'home') {
+        podsWithHref.push({
+          title: pod,
+          slug: '/',
+        });
+      } else {
+        podsWithHref.push({
+          title: pod,
+          slug: `/pods/${pod.toLowerCase()}`,
+        });
+      }
+    });
+
+    return podsWithHref;
+  };
+
+  return {
+    login,
+    logout,
+    userLoggedIn,
+    getDirectory,
+    getPods,
+    getPodsWithHref,
+    openPod,
+  };
+};
+
+export default useFairOs;
diff --git a/hooks/usePods.tsx b/hooks/usePods.tsx
new file mode 100644
index 0000000..73bc8f8
--- /dev/null
+++ b/hooks/usePods.tsx
@@ -0,0 +1,6 @@
+import { PodsContext } from 'contexts/Pods';
+import { useContext } from 'react';
+
+const usePods = () => useContext(PodsContext);
+
+export default usePods;
diff --git a/package.json b/package.json
index 3c19660..c1aea47 100644
--- a/package.json
+++ b/package.json
@@ -20,13 +20,12 @@
     "test": "jest"
   },
   "dependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/styled": "^11.3.0",
-    "axios": "^0.21.1",
+    "axios": "^0.24.0",
     "next": "^12.0.7",
+    "qs": "^6.10.2",
     "react": "^17.0.2",
     "react-dom": "17.0.2",
-    "swr": "^1.0.0",
+    "swr": "^1.1.2-beta.0",
     "use-onclickoutside": "^0.4.0"
   },
   "devDependencies": {
@@ -38,6 +37,7 @@
     "@testing-library/react": "^12.1.2",
     "@types/jest": "^27.0.3",
     "@types/node": "^16.7.10",
+    "@types/qs": "^6.9.7",
     "@types/react": "17.0.2",
     "@typescript-eslint/eslint-plugin": "^4.31.1",
     "autoprefixer": "^10.4.0",
@@ -55,9 +55,9 @@
     "madge": "^5.0.1",
     "path": "^0.12.7",
     "postcss": "^8.4.5",
-    "prettier": "^2.3.2",
+    "prettier": "^2.5.1",
     "prop-types": "^15.7.2",
-    "sass": "^1.39.0",
+    "sass": "^1.45.0",
     "tailwindcss": "^3.0.7",
     "typescript": "4.4.2"
   },
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 2b695df..66a455e 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,13 +1,27 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import 'styles/globals.scss';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { AppProps } from 'next/app';
 import Head from 'next/head';
+import Router from 'next/router';
 import AppProvider from 'contexts/App';
 import UserProvider from 'contexts/User';
+import PodsProvider from 'contexts/Pods';
+import useFairOs from 'hooks/useFairOs';
+
+const localUser =
+  typeof localStorage !== 'undefined' &&
+  JSON.parse(localStorage.getItem('user'));
 
 const MyApp = ({ Component, pageProps }: AppProps) => {
   const [sidebarVisible, setSidebarVisible] = useState(false);
-  const [user, setUser] = useState(null);
+  const [pods, setPods] = useState([]);
+  const [user, setUser] = useState(
+    localUser?.username
+      ? { username: localUser.username, password: null }
+      : null
+  );
+  const { userLoggedIn, getPodsWithHref } = useFairOs();
 
   const userProviderValue = {
     user,
@@ -18,6 +32,28 @@ const MyApp = ({ Component, pageProps }: AppProps) => {
     },
   };
 
+  const checkUserRemotely = async () => {
+    const { data } = await userLoggedIn(user.username);
+
+    if (!data.loggedin) {
+      Router.push('/logout');
+    } else {
+      setSidebarVisible(true);
+      setUser({
+        username: user.username,
+        password: window.prompt('Insert your password again!'),
+      });
+
+      setPods(await getPodsWithHref());
+    }
+  };
+
+  useEffect(() => {
+    if (user) {
+      checkUserRemotely();
+    }
+  }, []);
+
   return (
     <>
       <Head>
@@ -26,7 +62,9 @@ const MyApp = ({ Component, pageProps }: AppProps) => {
       </Head>
       <AppProvider value={{ sidebarVisible, setSidebarVisible }}>
         <UserProvider value={userProviderValue}>
-          <Component {...pageProps} />
+          <PodsProvider value={{ pods, setPods }}>
+            <Component {...pageProps} />
+          </PodsProvider>
         </UserProvider>
       </AppProvider>
     </>
diff --git a/pages/index.tsx b/pages/index.tsx
index 7c9ba6e..9ec6af6 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,16 +1,34 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import type { NextPage } from 'next';
+import { useRouter } from 'next/router';
 import Layout from 'components/Layout';
 import useUser from 'hooks/useUser';
 import Router from 'next/router';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import Title from 'components/Title';
 import ContentHeader from 'components/ContentHeader';
 import AlertIcon from 'assets/icons/alert.svg';
 import PlusIcon from 'assets/icons/plus.svg';
 import Button from 'components/Button';
+import useFairOs from 'hooks/useFairOs';
 
 const Home: NextPage = () => {
-  const { isAuthenticated } = useUser();
+  const { openPod, getDirectory } = useFairOs();
+  const [pod, setPod] = useState(null);
+  const [files, setFiles] = useState(null);
+  const router = useRouter();
+  const { slug = '/' } = router.query;
+  const { user, isAuthenticated } = useUser();
+
+  const getPod = async () => {
+    const podName = slug === '/' ? 'Home' : slug;
+    const response = await openPod(podName);
+    setPod(response);
+
+    const { data } = await getDirectory({ podName, directory: 'root' });
+
+    setFiles(data.files);
+  };
 
   useEffect(() => {
     if (!isAuthenticated) {
@@ -18,6 +36,12 @@ const Home: NextPage = () => {
     }
   }, [isAuthenticated]);
 
+  useEffect(() => {
+    if (user && user.password) {
+      getPod();
+    }
+  }, [user]);
+
   return (
     isAuthenticated && (
       <Layout>
@@ -42,6 +66,8 @@ const Home: NextPage = () => {
             </Button>
           </div>
         </div>
+
+        {JSON.stringify(files)}
       </Layout>
     )
   );
diff --git a/pages/login.tsx b/pages/login.tsx
index 3c0d4f6..69c6e29 100644
--- a/pages/login.tsx
+++ b/pages/login.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import type { NextPage } from 'next';
 import Layout from 'components/Layout';
 import Title from 'components/Title';
@@ -5,12 +6,18 @@ import TextInput from 'components/TextInput';
 import Button from 'components/Button';
 import useUser from 'hooks/useUser';
 import Router from 'next/router';
-import { SyntheticEvent, useEffect } from 'react';
+import { SyntheticEvent, useEffect, useState } from 'react';
 import useApp from 'hooks/useApp';
+import useFairOs from 'hooks/useFairOs';
+import usePods from 'hooks/usePods';
 
 const Login: NextPage = () => {
+  const [username, setUsername] = useState('');
+  const [password, setPassword] = useState('');
   const { setUser, isAuthenticated } = useUser();
   const { setSidebarVisible } = useApp();
+  const { login, getPodsWithHref } = useFairOs();
+  const { setPods } = usePods();
 
   useEffect(() => {
     if (isAuthenticated) {
@@ -18,14 +25,34 @@ const Login: NextPage = () => {
     }
   }, [isAuthenticated]);
 
-  const onSubmitHandler = (event: SyntheticEvent) => {
+  const onChangeUsernameHandler = (evt: SyntheticEvent) => {
+    setUsername((evt.target as HTMLInputElement).value);
+  };
+
+  const onChangePasswordHandler = (evt: SyntheticEvent) => {
+    setPassword((evt.target as HTMLInputElement).value);
+  };
+
+  const onSubmitHandler = async (event: SyntheticEvent) => {
     event.preventDefault();
     console.log('onSubmitHandler');
-    setSidebarVisible(true);
-    setUser({
-      username: 'johndoe',
+
+    const { data } = await login({
+      username,
+      password,
     });
-    Router.push('/');
+
+    if (data.code === 200) {
+      setSidebarVisible(true);
+      setUser({
+        username,
+        password,
+      });
+
+      setPods(await getPodsWithHref());
+
+      Router.push('/');
+    }
   };
 
   return (
@@ -33,8 +60,17 @@ const Login: NextPage = () => {
       <Title>Login page</Title>
 
       <form onSubmit={onSubmitHandler}>
-        <TextInput placeholder="Username" />
-        <TextInput type="password" placeholder="Password" />
+        <TextInput
+          placeholder="Username"
+          value={username}
+          onChange={onChangeUsernameHandler}
+        />
+        <TextInput
+          type="password"
+          placeholder="Password"
+          value={password}
+          onChange={onChangePasswordHandler}
+        />
         <Button type="submit" className="w-full md:w-1/3">
           Login
         </Button>
diff --git a/pages/logout.tsx b/pages/logout.tsx
index 5e8cf62..63e0015 100644
--- a/pages/logout.tsx
+++ b/pages/logout.tsx
@@ -1,19 +1,29 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import type { NextPage } from 'next';
 import Layout from 'components/Layout';
 import Title from 'components/Title';
 import useUser from 'hooks/useUser';
 import { useEffect } from 'react';
+import useFairOs from 'hooks/useFairOs';
 
 const Login: NextPage = () => {
+  const { logout } = useFairOs();
   const { setUser } = useUser();
 
   useEffect(() => {
     setUser(null);
-  }, [setUser]);
+
+    logout();
+
+    if (typeof localStorage !== 'undefined') {
+      localStorage.removeItem('user');
+    }
+  }, []);
 
   return (
     <Layout>
       <Title>Logout page</Title>
+      <p>Logging out...</p>
     </Layout>
   );
 };
diff --git a/pages/pods/[slug].tsx b/pages/pods/[slug].tsx
new file mode 100644
index 0000000..6058bf2
--- /dev/null
+++ b/pages/pods/[slug].tsx
@@ -0,0 +1,3 @@
+import index from '../index';
+
+export default index;
diff --git a/yarn.lock b/yarn.lock
index 37c63f4..8bc394d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -470,7 +470,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-jsx@^7.12.13", "@babel/plugin-syntax-jsx@^7.16.0":
+"@babel/plugin-syntax-jsx@^7.16.0":
   version "7.16.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.16.0.tgz#f9624394317365a9a88c82358d3f8471154698f1"
   integrity sha512-8zv2+xiPHwly31RK4RmnEYY5zziuF3O7W2kIDW+07ewWDh6Oi0dRq8kwvulRkFgt6DB97RlKs5c1y068iPlCUg==
@@ -946,7 +946,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.16.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.10.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
   version "7.16.3"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.16.3.tgz#b86f0db02a04187a3c17caa77de69840165d42d5"
   integrity sha512-WBwekcqacdY2e9AF/Q7WLFUWmdJGJTkbjqTjoMDgXkVZ3ZRUvOPsLb5KdwISoQVsbP+DQzVZW4Zhci0DvpbNTQ==
@@ -998,107 +998,6 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@emotion/babel-plugin@^11.3.0":
-  version "11.3.0"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.3.0.tgz#3a16850ba04d8d9651f07f3fb674b3436a4fb9d7"
-  integrity sha512-UZKwBV2rADuhRp+ZOGgNWg2eYgbzKzQXfQPtJbu/PLy8onurxlNCLvxMQEvlr1/GudguPI5IU9qIY1+2z1M5bA==
-  dependencies:
-    "@babel/helper-module-imports" "^7.12.13"
-    "@babel/plugin-syntax-jsx" "^7.12.13"
-    "@babel/runtime" "^7.13.10"
-    "@emotion/hash" "^0.8.0"
-    "@emotion/memoize" "^0.7.5"
-    "@emotion/serialize" "^1.0.2"
-    babel-plugin-macros "^2.6.1"
-    convert-source-map "^1.5.0"
-    escape-string-regexp "^4.0.0"
-    find-root "^1.1.0"
-    source-map "^0.5.7"
-    stylis "^4.0.3"
-
-"@emotion/cache@^11.6.0":
-  version "11.6.0"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.6.0.tgz#65fbdbbe4382f1991d8b20853c38e63ecccec9a1"
-  integrity sha512-ElbsWY1KMwEowkv42vGo0UPuLgtPYfIs9BxxVrmvsaJVvktknsHYYlx5NQ5g6zLDcOTyamlDc7FkRg2TAcQDKQ==
-  dependencies:
-    "@emotion/memoize" "^0.7.4"
-    "@emotion/sheet" "^1.1.0"
-    "@emotion/utils" "^1.0.0"
-    "@emotion/weak-memoize" "^0.2.5"
-    stylis "^4.0.10"
-
-"@emotion/hash@^0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.8.0.tgz#bbbff68978fefdbe68ccb533bc8cbe1d1afb5413"
-  integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==
-
-"@emotion/is-prop-valid@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.1.1.tgz#cbd843d409dfaad90f9404e7c0404c55eae8c134"
-  integrity sha512-bW1Tos67CZkOURLc0OalnfxtSXQJMrAMV0jZTVGJUPSOd4qgjF3+tTD5CwJM13PHA8cltGW1WGbbvV9NpvUZPw==
-  dependencies:
-    "@emotion/memoize" "^0.7.4"
-
-"@emotion/memoize@^0.7.4", "@emotion/memoize@^0.7.5":
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.5.tgz#2c40f81449a4e554e9fc6396910ed4843ec2be50"
-  integrity sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==
-
-"@emotion/react@^11.4.1":
-  version "11.7.0"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.7.0.tgz#b179da970ac0e8415de3ac165deadf8d9c4bf89f"
-  integrity sha512-WL93hf9+/2s3cA1JVJlz8+Uy6p6QWukqQFOm2OZO5ki51hfucHMOmbSjiyC3t2Y4RI8XUmBoepoc/24ny/VBbA==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@emotion/cache" "^11.6.0"
-    "@emotion/serialize" "^1.0.2"
-    "@emotion/sheet" "^1.1.0"
-    "@emotion/utils" "^1.0.0"
-    "@emotion/weak-memoize" "^0.2.5"
-    hoist-non-react-statics "^3.3.1"
-
-"@emotion/serialize@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.0.2.tgz#77cb21a0571c9f68eb66087754a65fa97bfcd965"
-  integrity sha512-95MgNJ9+/ajxU7QIAruiOAdYNjxZX7G2mhgrtDWswA21VviYIRP1R5QilZ/bDY42xiKsaktP4egJb3QdYQZi1A==
-  dependencies:
-    "@emotion/hash" "^0.8.0"
-    "@emotion/memoize" "^0.7.4"
-    "@emotion/unitless" "^0.7.5"
-    "@emotion/utils" "^1.0.0"
-    csstype "^3.0.2"
-
-"@emotion/sheet@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.1.0.tgz#56d99c41f0a1cda2726a05aa6a20afd4c63e58d2"
-  integrity sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==
-
-"@emotion/styled@^11.3.0":
-  version "11.6.0"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.6.0.tgz#9230d1a7bcb2ebf83c6a579f4c80e0664132d81d"
-  integrity sha512-mxVtVyIOTmCAkFbwIp+nCjTXJNgcz4VWkOYQro87jE2QBTydnkiYusMrRGFtzuruiGK4dDaNORk4gH049iiQuw==
-  dependencies:
-    "@babel/runtime" "^7.13.10"
-    "@emotion/babel-plugin" "^11.3.0"
-    "@emotion/is-prop-valid" "^1.1.1"
-    "@emotion/serialize" "^1.0.2"
-    "@emotion/utils" "^1.0.0"
-
-"@emotion/unitless@^0.7.5":
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
-  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
-
-"@emotion/utils@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.0.0.tgz#abe06a83160b10570816c913990245813a2fd6af"
-  integrity sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA==
-
-"@emotion/weak-memoize@^0.2.5":
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
-  integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
-
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-0.4.3.tgz#9e42981ef035beb3dd49add17acb96e8ff6f394c"
@@ -1741,6 +1640,11 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
   integrity sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==
 
+"@types/qs@^6.9.7":
+  version "6.9.7"
+  resolved "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb"
+  integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==
+
 "@types/react@17.0.2":
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.2.tgz#3de24c4efef902dd9795a49c75f760cbe4f7a5a8"
@@ -2112,12 +2016,12 @@ axe-core@^4.3.5:
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.3.5.tgz#78d6911ba317a8262bfee292aeafcc1e04b49cc5"
   integrity sha512-WKTW1+xAzhMS5dJsxWkliixlO/PqC4VhmO9T4juNYcaTg9jzWiJsou6m5pxWYGfigWbwzJWeFY6z47a+4neRXA==
 
-axios@^0.21.1:
-  version "0.21.4"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.21.4.tgz#c67b90dc0568e5c1cf2b0b858c43ba28e2eda575"
-  integrity sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==
+axios@^0.24.0:
+  version "0.24.0"
+  resolved "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz#804e6fa1e4b9c5288501dd9dff56a7a0940d20d6"
+  integrity sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==
   dependencies:
-    follow-redirects "^1.14.0"
+    follow-redirects "^1.14.4"
 
 axobject-query@^2.2.0:
   version "2.2.0"
@@ -2166,15 +2070,6 @@ babel-plugin-jest-hoist@^27.4.0:
     "@types/babel__core" "^7.0.0"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-macros@^2.6.1:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz#0f958a7cc6556b1e65344465d99111a1e5e10138"
-  integrity sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==
-  dependencies:
-    "@babel/runtime" "^7.7.2"
-    cosmiconfig "^6.0.0"
-    resolve "^1.12.0"
-
 babel-plugin-polyfill-corejs2@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.0.tgz#407082d0d355ba565af24126fb6cb8e9115251fd"
@@ -2662,7 +2557,7 @@ convert-source-map@1.7.0:
   dependencies:
     safe-buffer "~5.1.1"
 
-convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+convert-source-map@^1.4.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.8.0.tgz#f3373c32d21b4d780dd8004514684fb791ca4369"
   integrity sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==
@@ -2682,17 +2577,6 @@ core-js-pure@^3.19.0:
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.19.2.tgz#26b5bfb503178cff6e3e115bc2ba6c6419383680"
   integrity sha512-5LkcgQEy8pFeVnd/zomkUBSwnmIxuF1C8E9KrMAbOc8f34IBT9RGvTYeNDdp1PnvMJrrVhvk1hg/yVV5h/znlg==
 
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
 cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d"
@@ -3356,7 +3240,7 @@ eslint-config-next@^11.1.2:
 
 eslint-config-prettier@^8.3.0:
   version "8.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz#f7471b20b6fe8a9a9254cc684454202886a2dd7a"
+  resolved "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz#f7471b20b6fe8a9a9254cc684454202886a2dd7a"
   integrity sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==
 
 eslint-import-resolver-node@^0.3.4, eslint-import-resolver-node@^0.3.6:
@@ -3426,7 +3310,7 @@ eslint-plugin-jsx-a11y@^6.4.1:
 
 eslint-plugin-prettier@^4.0.0:
   version "4.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz#8b99d1e4b8b24a762472b4567992023619cb98e0"
+  resolved "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz#8b99d1e4b8b24a762472b4567992023619cb98e0"
   integrity sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==
   dependencies:
     prettier-linter-helpers "^1.0.0"
@@ -3722,11 +3606,6 @@ find-cache-dir@3.3.1:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
-find-root@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
-  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
-
 find-up@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
@@ -3760,10 +3639,10 @@ flatten@^1.0.2:
   resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.3.tgz#c1283ac9f27b368abc1e36d1ff7b04501a30356b"
   integrity sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==
 
-follow-redirects@^1.14.0:
-  version "1.14.5"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.14.5.tgz#f09a5848981d3c772b5392309778523f8d85c381"
-  integrity sha512-wtphSXy7d4/OR+MvIFbCVBDzZ5520qV8XfPklSN5QtxuMUJZ+b0Wnst1e1lCDocfzuCkHqj8k0FpZqO+UIaKNA==
+follow-redirects@^1.14.4:
+  version "1.14.6"
+  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.6.tgz#8cfb281bbc035b3c067d6cd975b0f6ade6e855cd"
+  integrity sha512-fhUl5EwSJbbl8AR+uYL2KQDxLkdSjZGR36xy46AO7cOMTrCMON6Sa28FmAnC2tRTDbd/Uuzz3aJBv7EBN7JH8A==
 
 foreach@^2.0.5:
   version "2.0.5"
@@ -4024,13 +3903,6 @@ hmac-drbg@^1.0.1:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.1"
 
-hoist-non-react-statics@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
-  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
-  dependencies:
-    react-is "^16.7.0"
-
 html-encoding-sniffer@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
@@ -4136,7 +4008,7 @@ import-cwd@^3.0.0:
   dependencies:
     import-from "^3.0.0"
 
-import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
+import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -5893,10 +5765,10 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@^2.3.2:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.0.tgz#a6370e2d4594e093270419d9cc47f7670488f893"
-  integrity sha512-FM/zAKgWTxj40rH03VxzIPdXmj39SwSjwG0heUcNFwI+EMZJnY93yAiKXM3dObIKAM5TA88werc8T/EwhB45eg==
+prettier@^2.5.1:
+  version "2.5.1"
+  resolved "https://registry.npmjs.org/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a"
+  integrity sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==
 
 pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.4.2:
   version "27.4.2"
@@ -5969,6 +5841,13 @@ q@^1.1.2:
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
 
+qs@^6.10.2:
+  version "6.10.2"
+  resolved "https://registry.npmjs.org/qs/-/qs-6.10.2.tgz#c1431bea37fc5b24c5bdbafa20f16bdf2a4b9ffe"
+  integrity sha512-mSIdjzqznWgfd4pMii7sHtaYF8rx8861hBO80SraY5GT0XQibWZWJSid0avzHGkDIZLImux2S5mXO0Hfct2QCw==
+  dependencies:
+    side-channel "^1.0.4"
+
 querystring-es3@0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
@@ -6045,7 +5924,7 @@ react-is@17.0.2, react-is@^17.0.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 
-react-is@^16.7.0, react-is@^16.8.1:
+react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -6210,7 +6089,7 @@ resolve.exports@^1.1.0:
   resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
   integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
 
-resolve@^1.12.0, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0:
+resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20.0:
   version "1.20.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
   integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
@@ -6283,13 +6162,14 @@ sass-lookup@^3.0.0:
   dependencies:
     commander "^2.16.0"
 
-sass@^1.39.0:
-  version "1.44.0"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.44.0.tgz#619aa0a2275c097f9af5e6b8fe8a95e3056430fb"
-  integrity sha512-0hLREbHFXGQqls/K8X+koeP+ogFRPF4ZqetVB19b7Cst9Er8cOR0rc6RU7MaI4W1JmUShd1BPgPoeqmmgMMYFw==
+sass@^1.45.0:
+  version "1.45.0"
+  resolved "https://registry.npmjs.org/sass/-/sass-1.45.0.tgz#192ede1908324bb293a3e403d1841dbcaafdd323"
+  integrity sha512-ONy5bjppoohtNkFJRqdz1gscXamMzN3wQy1YH9qO2FiNpgjLhpz/IPRGg0PpCjyz/pWfCOaNEaiEGCcjOFAjqw==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
 
 sax@~1.2.4:
   version "1.2.4"
@@ -6414,7 +6294,7 @@ slice-ansi@^4.0.0:
     astral-regex "^2.0.0"
     is-fullwidth-code-point "^3.0.0"
 
-source-map-js@^1.0.1:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.1.tgz#a1741c131e3c77d048252adfa24e23b908670caf"
   integrity sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==
@@ -6447,7 +6327,7 @@ source-map@0.8.0-beta.0:
   dependencies:
     whatwg-url "^7.0.0"
 
-source-map@^0.5.0, source-map@^0.5.7:
+source-map@^0.5.0:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
@@ -6642,11 +6522,6 @@ stylis@3.5.4:
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.4.tgz#f665f25f5e299cf3d64654ab949a57c768b73fbe"
   integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q==
 
-stylis@^4.0.10, stylis@^4.0.3:
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.0.10.tgz#446512d1097197ab3f02fb3c258358c3f7a14240"
-  integrity sha512-m3k+dk7QeJw660eIKRRn3xPF6uuvHs/FFzjX3HQ5ove0qYsiygoAhwn5a3IYKaZPo5LrYD0rfVmtv1gNY1uYwg==
-
 stylus-lookup@^3.0.1:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/stylus-lookup/-/stylus-lookup-3.0.2.tgz#c9eca3ff799691020f30b382260a67355fefdddd"
@@ -6708,10 +6583,10 @@ svgo@^1.2.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-swr@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/swr/-/swr-1.1.0.tgz#7710cdbc5ff664c13e41fba6a1fa4734f82aba35"
-  integrity sha512-MFL3mkl752Uap81nLA1tEu7vQmikPamSziW+6dBidYKAo4oLOlUx/x5GZy4ZCkCwfZe2uedylkz1UMGnatUX4g==
+swr@^1.1.2-beta.0:
+  version "1.1.2-beta.0"
+  resolved "https://registry.npmjs.org/swr/-/swr-1.1.2-beta.0.tgz#4c25f3a8e1f825b15426dd8c62d10cec95429be6"
+  integrity sha512-e7ZcPCrEvGX+s4jDtBwV9c+HKqHzG1secuwU8bYjnnGkSJMneyn7OaabJKtRh922DH5a3k2vvBdhftoSL8bHJQ==
 
 symbol-tree@^3.2.4:
   version "3.2.4"
@@ -7265,7 +7140,7 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
+yaml@^1.10.0, yaml@^1.10.2:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==

From d958c78ce3a494e08aa7c95528ec8be85ba7cc34 Mon Sep 17 00:00:00 2001
From: xdemocle <xdemocle@gmail.com>
Date: Sat, 18 Dec 2021 20:36:00 +0100
Subject: [PATCH 2/2] [FAIR-96] fix build

---
 pages/index.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 9ec6af6..37508e8 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -14,16 +14,14 @@ import useFairOs from 'hooks/useFairOs';
 
 const Home: NextPage = () => {
   const { openPod, getDirectory } = useFairOs();
-  const [pod, setPod] = useState(null);
   const [files, setFiles] = useState(null);
   const router = useRouter();
   const { slug = '/' } = router.query;
   const { user, isAuthenticated } = useUser();
 
   const getPod = async () => {
-    const podName = slug === '/' ? 'Home' : slug;
-    const response = await openPod(podName);
-    setPod(response);
+    const podName: string = slug === '/' ? 'Home' : slug[0];
+    await openPod(podName);
 
     const { data } = await getDirectory({ podName, directory: 'root' });