From 6b14e4a53ee9aba4e00d9bd114ee90db08a60e8a Mon Sep 17 00:00:00 2001
From: Vladan <tomic.vladan.mail@gmail.com>
Date: Wed, 13 Dec 2023 15:12:32 +0100
Subject: [PATCH 1/8] feat: hidden functionalities

---
 package-lock.json                             |  27 ++--
 package.json                                  |   2 +-
 .../Connect/Metamask/MetamaskConnect.tsx      |   2 +-
 src/components/Forms/LoginForm/LoginForm.tsx  | 147 ++++++++++--------
 .../Layouts/MainLayout/MainLayout.tsx         |   3 +-
 .../AuthenticationNavbar.tsx                  |  11 +-
 .../MainNavigationBar/MainNavigationBar.tsx   |   4 +-
 .../MainSideBar/MainSideBar.tsx               |   4 +-
 8 files changed, 110 insertions(+), 90 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 73874493..b9d5d7c5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@emotion/react": "^11.4.1",
         "@emotion/styled": "^11.3.0",
         "@fairdatasociety/blossom": "^0.5.0",
-        "@fairdatasociety/fdp-storage": "^0.13.0",
+        "@fairdatasociety/fdp-storage": "^0.16.0",
         "@headlessui/react": "^1.7.14",
         "@metamask/sdk": "^0.5.6",
         "@types/react-blockies": "^1.4.1",
@@ -3080,13 +3080,13 @@
       }
     },
     "node_modules/@fairdatasociety/fdp-storage": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/@fairdatasociety/fdp-storage/-/fdp-storage-0.13.0.tgz",
-      "integrity": "sha512-7AWAC/enq1SQCisMuD3wT5cKSOxe8KdC5f3nolWcruCUpdWcwe65YtjDeL88m/E/kcituQGAl2IgWGkqoysB/g==",
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/@fairdatasociety/fdp-storage/-/fdp-storage-0.16.0.tgz",
+      "integrity": "sha512-UM8NBAHyN9yTUi0S8ddyr/lo2cg9oia1xDarS/K8pLCW8CAcvDx4rLC1qUsSmN80fbkOnJpiU0/DY4T7EN6iwQ==",
       "dependencies": {
         "@ethersphere/bee-js": "^6.2.0",
         "@fairdatasociety/fdp-contracts-js": "^3.8.0",
-        "crypto-js": "^4.1.1",
+        "crypto-js": "^4.2.0",
         "ethers": "^5.5.2",
         "js-sha3": "^0.8.0"
       },
@@ -9819,8 +9819,9 @@
       }
     },
     "node_modules/crypto-js": {
-      "version": "4.1.1",
-      "license": "MIT"
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
     },
     "node_modules/crypto-random-string": {
       "version": "2.0.0",
@@ -25008,13 +25009,13 @@
       "requires": {}
     },
     "@fairdatasociety/fdp-storage": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/@fairdatasociety/fdp-storage/-/fdp-storage-0.13.0.tgz",
-      "integrity": "sha512-7AWAC/enq1SQCisMuD3wT5cKSOxe8KdC5f3nolWcruCUpdWcwe65YtjDeL88m/E/kcituQGAl2IgWGkqoysB/g==",
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/@fairdatasociety/fdp-storage/-/fdp-storage-0.16.0.tgz",
+      "integrity": "sha512-UM8NBAHyN9yTUi0S8ddyr/lo2cg9oia1xDarS/K8pLCW8CAcvDx4rLC1qUsSmN80fbkOnJpiU0/DY4T7EN6iwQ==",
       "requires": {
         "@ethersphere/bee-js": "^6.2.0",
         "@fairdatasociety/fdp-contracts-js": "^3.8.0",
-        "crypto-js": "^4.1.1",
+        "crypto-js": "^4.2.0",
         "ethers": "^5.5.2",
         "js-sha3": "^0.8.0"
       }
@@ -29926,7 +29927,9 @@
       }
     },
     "crypto-js": {
-      "version": "4.1.1"
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q=="
     },
     "crypto-random-string": {
       "version": "2.0.0"
diff --git a/package.json b/package.json
index f1cd9020..186b57df 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
     "@fairdatasociety/blossom": "^0.5.0",
-    "@fairdatasociety/fdp-storage": "^0.13.0",
+    "@fairdatasociety/fdp-storage": "^0.16.0",
     "@headlessui/react": "^1.7.14",
     "@metamask/sdk": "^0.5.6",
     "@types/react-blockies": "^1.4.1",
diff --git a/src/components/Connect/Metamask/MetamaskConnect.tsx b/src/components/Connect/Metamask/MetamaskConnect.tsx
index 9917e233..6a1c4ccf 100644
--- a/src/components/Connect/Metamask/MetamaskConnect.tsx
+++ b/src/components/Connect/Metamask/MetamaskConnect.tsx
@@ -74,7 +74,7 @@ const MetamaskConnect = ({ onConnect }: MetamaskConnectProps) => {
       setAddress(wallet.address);
       setMnemonic(mnemonic);
 
-      router.push('/overview');
+      router.push('/drive');
     } catch (error) {
       console.error(error);
       setErrorMessage(String(error.message || error));
diff --git a/src/components/Forms/LoginForm/LoginForm.tsx b/src/components/Forms/LoginForm/LoginForm.tsx
index 3443a668..ff06b46d 100644
--- a/src/components/Forms/LoginForm/LoginForm.tsx
+++ b/src/components/Forms/LoginForm/LoginForm.tsx
@@ -19,6 +19,7 @@ import { setDefaultNetwork } from '@utils/localStorage';
 import { useLocales } from '@context/LocalesContext';
 import CustomCheckbox from '@components/Inputs/CustomCheckbox/CustomCheckbox';
 import { useMatomoContext } from '@context/Matomo';
+import MetamaskConnect from '@components/Connect/Metamask/MetamaskConnect';
 
 const ALLOW_TRACKING_KEY = 'allow-matomo';
 
@@ -51,6 +52,7 @@ const LoginForm: FC = () => {
   } = useFdpStorage();
   const router = useRouter();
   const { intl } = useLocales();
+  const fdsLoginEnabled = router?.query['fdsLogin'] === 'true';
 
   const onSubmit = async (data: { user_name: string; password: string }) => {
     try {
@@ -131,78 +133,87 @@ const LoginForm: FC = () => {
           <FeedbackMessage type="error" message={errorMessage} />
         </div>
 
-        <form onSubmit={handleSubmit(onSubmit)} className="w-full">
-          <label className="font-normal text-base text-color-accents-plum-black dark:text-color-accents-grey-pastel">
-            {intl.get('CHOOSE_NETWORK')}:
-          </label>
-          <NetworkDropdown
-            className="mb-3"
-            value={network}
-            onChange={onNetworkChange}
-          />
-
-          <AuthenticationInput
-            label={intl.get('USERNAME')}
-            id="user_name"
-            type="text"
-            name="user_name"
-            placeholder={intl.get('TYPE_HERE')}
-            useFormRegister={register}
-            validationRules={{
-              required: intl.get('USERNAME_IS_REQUIRED'),
-              minLength: {
-                value: 4,
-                message: intl.get('USERNAME_MIN_LENGTH_ERROR'),
-              },
-            }}
-            // @ts-ignore
-            error={errors.user_name}
-          />
-
-          <AuthenticationInput
-            label={intl.get('PASSWORD')}
-            id="password"
-            type="password"
-            name="password"
-            placeholder={intl.get('TYPE_HERE')}
-            useFormRegister={register}
-            validationRules={{
-              required: intl.get('PASSWORD_IS_REQUIRED'),
-            }}
-            // @ts-ignore
-            error={errors.password}
-          />
-
-          <CustomCheckbox
-            className="mb-3 sm:mb-0"
-            name="confirm"
-            onChange={onAllowTrackingClick}
-            checked={allowTracking}
-          >
-            {intl.get('ALLOW_TRACKING')}
-          </CustomCheckbox>
-
-          <div className="mt-8 text-center">
-            <Button
-              loading={loading}
-              disabled={!isValid}
-              type="submit"
-              variant="secondary"
-              label={intl.get('LOGIN')}
+        {fdsLoginEnabled ? (
+          <form onSubmit={handleSubmit(onSubmit)} className="w-full">
+            <label className="font-normal text-base text-color-accents-plum-black dark:text-color-accents-grey-pastel">
+              {intl.get('CHOOSE_NETWORK')}:
+            </label>
+            <NetworkDropdown
+              className="mb-3"
+              value={network}
+              onChange={onNetworkChange}
+            />
+
+            <AuthenticationInput
+              label={intl.get('USERNAME')}
+              id="user_name"
+              type="text"
+              name="user_name"
+              placeholder={intl.get('TYPE_HERE')}
+              useFormRegister={register}
+              validationRules={{
+                required: intl.get('USERNAME_IS_REQUIRED'),
+                minLength: {
+                  value: 4,
+                  message: intl.get('USERNAME_MIN_LENGTH_ERROR'),
+                },
+              }}
+              // @ts-ignore
+              error={errors.user_name}
+            />
+
+            <AuthenticationInput
+              label={intl.get('PASSWORD')}
+              id="password"
+              type="password"
+              name="password"
+              placeholder={intl.get('TYPE_HERE')}
+              useFormRegister={register}
+              validationRules={{
+                required: intl.get('PASSWORD_IS_REQUIRED'),
+              }}
+              // @ts-ignore
+              error={errors.password}
             />
-          </div>
 
-          <div className="my-6 text-center">
-            <a
-              href={CREATE_USER_URL}
-              target={'_blank'}
-              rel="noopener noreferrer"
-              className="font-normal text-xs text-color-accents-purple-black dark:text-color-accents-grey-lavendar"
+            <CustomCheckbox
+              className="mb-3 sm:mb-0"
+              name="confirm"
+              onChange={onAllowTrackingClick}
+              checked={allowTracking}
             >
-              {intl.get('REGISTER_NEW_ACCOUNT')}
-            </a>
+              {intl.get('ALLOW_TRACKING')}
+            </CustomCheckbox>
+
+            <div className="mt-8 text-center">
+              <Button
+                loading={loading}
+                disabled={!isValid}
+                type="submit"
+                variant="secondary"
+                label={intl.get('LOGIN')}
+              />
+            </div>
+
+            <div className="my-6 text-center">
+              <a
+                href={CREATE_USER_URL}
+                target={'_blank'}
+                rel="noopener noreferrer"
+                className="font-normal text-xs text-color-accents-purple-black dark:text-color-accents-grey-lavendar"
+              >
+                {intl.get('REGISTER_NEW_ACCOUNT')}
+              </a>
+            </div>
+          </form>
+        ) : (
+          <div className="w-full flex">
+            <span className="m-auto">
+              {/* eslint-disable-next-line @typescript-eslint/no-empty-function */}
+              <MetamaskConnect onConnect={() => {}} onError={() => {}} />
+            </span>
           </div>
-        </form>
+        )}
       </div>
     </div>
   );
diff --git a/src/components/Layouts/MainLayout/MainLayout.tsx b/src/components/Layouts/MainLayout/MainLayout.tsx
index 54a802f2..6f5e1a86 100644
--- a/src/components/Layouts/MainLayout/MainLayout.tsx
+++ b/src/components/Layouts/MainLayout/MainLayout.tsx
@@ -49,7 +49,8 @@ const MainLayout: FC<MainLayoutProps> = ({
       </div>
 
       <div className="flex flex-col sm:flex-row justify-items-stretch items-stretch w-full h-full overflow-hidden">
-        <div className="sm:w-28 dark:bg-color-shade-dark-3-night">
+        {/* sm:w-28 */}
+        <div className="dark:bg-color-shade-dark-3-night">
           <MainSideBar
             driveSideBarToggle={driveSideBarToggle}
             updateDrive={updateDrive}
diff --git a/src/components/NavigationBars/AuthenticationNavbar/AuthenticationNavbar.tsx b/src/components/NavigationBars/AuthenticationNavbar/AuthenticationNavbar.tsx
index ed42efa6..83e35f11 100644
--- a/src/components/NavigationBars/AuthenticationNavbar/AuthenticationNavbar.tsx
+++ b/src/components/NavigationBars/AuthenticationNavbar/AuthenticationNavbar.tsx
@@ -9,9 +9,12 @@ import ConnectDropdown from '@components/Dropdowns/ConnectDropdown/ConnectDropdo
 import classes from './AuthenticationNavbar.module.scss';
 import { useLocales } from '@context/LocalesContext';
 import LanguageDropdown from '@components/Dropdowns/LanguageDropdown/LanguageDropdown';
+import { useRouter } from 'next/router';
 
 const AuthenticationNavbar: FC = () => {
   const { intl } = useLocales();
+  const router = useRouter();
+  const fdsLoginEnabled = router?.query['fdsLogin'] === 'true';
 
   return (
     <div
@@ -20,9 +23,11 @@ const AuthenticationNavbar: FC = () => {
       <Logo />
 
       <div className="flex justify-between items-center">
-        <a className={`${classes.button} mr-4`}>
-          <ConnectDropdown />
-        </a>
+        {fdsLoginEnabled && (
+          <a className={`${classes.button} mr-4`}>
+            <ConnectDropdown />
+          </a>
+        )}
 
         <ThemeToggle />
 
diff --git a/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx b/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
index 0678c37c..8ddc77d1 100644
--- a/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
+++ b/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
@@ -31,7 +31,7 @@ const MainNavigationBar: FC<Record<string, never>> = () => {
     <nav>
       <div className="flex justify-between items-center w-full h-16 px-6 shadow-lg">
         <div className="flex items-center">
-          <Button
+          {/* <Button
             onClick={() => setMobileNavigationOpen(true)}
             variant="tertiary"
             className="cursor-pointer block md:hidden"
@@ -42,7 +42,7 @@ const MainNavigationBar: FC<Record<string, never>> = () => {
                 <NavigationMenuDark className="inline-block" />
               )
             }
-          />
+          /> */}
           <Logo />
         </div>
 
diff --git a/src/components/NavigationBars/MainSideBar/MainSideBar.tsx b/src/components/NavigationBars/MainSideBar/MainSideBar.tsx
index dcdecdc6..0ceb0986 100644
--- a/src/components/NavigationBars/MainSideBar/MainSideBar.tsx
+++ b/src/components/NavigationBars/MainSideBar/MainSideBar.tsx
@@ -29,11 +29,11 @@ const MainSideBar: FC<MainSideBarProps> = ({
       className={`${classes.sideBar} flex flex-row overflow-x-auto sm:overflow-x-visible sm:flex-col sm:justify-start sm:items-center w-full sm:h-full
       bg-color-shade-dark-3-day dark:bg-color-shade-dark-3-night`}
     >
-      <NavigationItems
+      {/* <NavigationItems
         className="hidden md:block"
         driveSideBarToggle={driveSideBarToggle}
         onOptionClick={onOptionClick}
-      />
+      /> */}
 
       {renderDriveMenu && (
         <DriveActionBarMobile

From 0d3c0829f5d5a0c277474e34fdfa36fa47b08e67 Mon Sep 17 00:00:00 2001
From: Vladan <tomic.vladan.mail@gmail.com>
Date: Wed, 13 Dec 2023 15:24:55 +0100
Subject: [PATCH 2/8] fix: main sidebar

---
 src/components/NavigationBars/MainSideBar/MainSideBar.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/NavigationBars/MainSideBar/MainSideBar.tsx b/src/components/NavigationBars/MainSideBar/MainSideBar.tsx
index 0ceb0986..09444e7d 100644
--- a/src/components/NavigationBars/MainSideBar/MainSideBar.tsx
+++ b/src/components/NavigationBars/MainSideBar/MainSideBar.tsx
@@ -24,6 +24,14 @@ const MainSideBar: FC<MainSideBarProps> = ({
     setRenderDriveMenu(Boolean(router.pathname === '/drive' && updateDrive));
   }, [updateDrive]);
 
+  // Moved from NavigationItems, should be removed when the NavigationItems is enabled
+  useEffect(() => {
+    if (router.pathname === '/drive') {
+      driveSideBarToggle();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   return (
     <div
       className={`${classes.sideBar} flex flex-row overflow-x-auto sm:overflow-x-visible sm:flex-col sm:justify-start sm:items-center w-full sm:h-full

From 240656abb2b06e42a59eb0f8b207da911df469c1 Mon Sep 17 00:00:00 2001
From: Vladan <tomic.vladan.mail@gmail.com>
Date: Wed, 13 Dec 2023 15:47:40 +0100
Subject: [PATCH 3/8] fix: var name

---
 src/components/Modals/UploadFileModal/UploadFileModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Modals/UploadFileModal/UploadFileModal.tsx b/src/components/Modals/UploadFileModal/UploadFileModal.tsx
index c077b9be..5a6136ef 100644
--- a/src/components/Modals/UploadFileModal/UploadFileModal.tsx
+++ b/src/components/Modals/UploadFileModal/UploadFileModal.tsx
@@ -120,9 +120,9 @@ const UploadFileModal: FC<CreatorModalProps> = ({
               podName: activePod,
             },
             (event: UploadProgressInfo) => {
-              const { uploadPercentage } = event.data || {};
+              const { percentage } = event.data || {};
 
-              if (uploadPercentage) {
+              if (percentage) {
                 setUploadPercentage(
                   calculateUploadPercentage(
                     uploadedItemsRef.current.length + failedUplods.length,

From cd3496a1d6850945c944051f73c28c876289fb89 Mon Sep 17 00:00:00 2001
From: Vladan <tomic.vladan.mail@gmail.com>
Date: Wed, 13 Dec 2023 18:12:17 +0100
Subject: [PATCH 4/8] fix: footer and hide migration notification

---
 src/components/Footers/MainFooter/MainFooter.tsx              | 2 +-
 src/components/Layouts/MainLayout/MainLayout.tsx              | 2 +-
 .../NavigationBars/MainNavigationBar/MainNavigationBar.tsx    | 3 ++-
 .../MainNavigationBar/UserDropdown/UserDropdown.tsx           | 4 ++--
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/Footers/MainFooter/MainFooter.tsx b/src/components/Footers/MainFooter/MainFooter.tsx
index cf1f91ce..7b264716 100644
--- a/src/components/Footers/MainFooter/MainFooter.tsx
+++ b/src/components/Footers/MainFooter/MainFooter.tsx
@@ -27,7 +27,7 @@ const MainFooter: FC = () => {
   const { intl } = useLocales();
 
   return (
-    <div className="hidden md:flex justify-between items-center w-full h-32 px-8 bg-white shadow-top">
+    <div className="hidden md:flex justify-between items-center w-full my-2 px-8 bg-white shadow-top">
       <div className="flex items-center flex-wrap mr-4">
         <a
           href="https://fairdatasociety.org/"
diff --git a/src/components/Layouts/MainLayout/MainLayout.tsx b/src/components/Layouts/MainLayout/MainLayout.tsx
index 6f5e1a86..3aa7fb29 100644
--- a/src/components/Layouts/MainLayout/MainLayout.tsx
+++ b/src/components/Layouts/MainLayout/MainLayout.tsx
@@ -88,7 +88,7 @@ const MainLayout: FC<MainLayoutProps> = ({
         </div>
       </div>
 
-      <div className="hidden md:block w-full h-36 dark:bg-color-shade-dark-3-night">
+      <div className="hidden md:block w-full dark:bg-color-shade-dark-3-night">
         <MainFooter />
       </div>
     </div>
diff --git a/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx b/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
index 8ddc77d1..7684a70e 100644
--- a/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
+++ b/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
@@ -64,7 +64,8 @@ const MainNavigationBar: FC<Record<string, never>> = () => {
             <UserDropdownToggle
               address={wallet?.address || 'Blossom'}
               onClickHandler={() => setShowUserDropdown(true)}
-              showNotification={metamaskMigrationNotification === 'closed'}
+              showNotification={false}
+              // showNotification={metamaskMigrationNotification === 'closed'}
             />
             <LanguageDropdown />
           </div>
diff --git a/src/components/NavigationBars/MainNavigationBar/UserDropdown/UserDropdown.tsx b/src/components/NavigationBars/MainNavigationBar/UserDropdown/UserDropdown.tsx
index 45639a45..85ca1d51 100644
--- a/src/components/NavigationBars/MainNavigationBar/UserDropdown/UserDropdown.tsx
+++ b/src/components/NavigationBars/MainNavigationBar/UserDropdown/UserDropdown.tsx
@@ -80,7 +80,7 @@ const UserDropdown: FC<UserDropdownProps> = ({
             </div>
 
             <div>
-              {metamaskMigrationNotification === 'closed' && (
+              {/* {metamaskMigrationNotification === 'closed' && (
                 <div
                   className="mb-4 text-color-shade-dark-3-night dark:text-color-shade-dark-4-day  cursor-pointer"
                   onClick={onMigrateClick}
@@ -88,7 +88,7 @@ const UserDropdown: FC<UserDropdownProps> = ({
                   {intl.get('MIGRATE_ACCOUNT')}
                   <Indicator className="inline-block ml-2" />
                 </div>
-              )}
+              )} */}
               <div
                 className="mb-4 text-color-status-negative-day cursor-pointer"
                 onClick={disconnect}

From f54075d69d713c20bd93adce524e27427042b08f Mon Sep 17 00:00:00 2001
From: Vladan <tomic.vladan.mail@gmail.com>
Date: Wed, 13 Dec 2023 18:32:18 +0100
Subject: [PATCH 5/8] fix: metamask disclaimer message

---
 src/locales/ch-CH.json | 2 +-
 src/locales/de-DE.json | 2 +-
 src/locales/en-US.json | 2 +-
 src/locales/es-ES.json | 2 +-
 src/locales/fr-FR.json | 2 +-
 src/locales/hu-HU.json | 2 +-
 src/locales/it-IT.json | 2 +-
 src/locales/jp-JP.json | 2 +-
 src/locales/pt-PT.json | 2 +-
 src/locales/rs-RS.json | 2 +-
 src/locales/sl-SI.json | 2 +-
 src/locales/tr-TR.json | 2 +-
 12 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/locales/ch-CH.json b/src/locales/ch-CH.json
index 9f399648..77ebc2b8 100644
--- a/src/locales/ch-CH.json
+++ b/src/locales/ch-CH.json
@@ -100,7 +100,7 @@
   "COPY_INVITE": "点击复制邀请",
   "URL_COPIED": "URL 已复制",
   "URL_HAS_BEEN_COPIED": "邀请 URL 已复制到剪贴板",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "要完成账户设置，请注册 FDS 账户。",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive 仍然处于测试阶段。请自行决定使用的风险。",
   "COPIED": "已复制！",
   "COPY_ALL": "全部复制",
   "DOWNLOADED": "已下载！",
diff --git a/src/locales/de-DE.json b/src/locales/de-DE.json
index 37f877fc..ff1e5784 100644
--- a/src/locales/de-DE.json
+++ b/src/locales/de-DE.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Klicken, um die Einladung zu kopieren",
   "URL_COPIED": "URL kopiert",
   "URL_HAS_BEEN_COPIED": "Die Einladungs-URL wurde in die Zwischenablage kopiert",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Um die Einrichtung Ihres Kontos abzuschließen, müssen Sie sich für ein FDS-Konto registrieren.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive befindet sich immer noch in der Beta-Phase. Benutzung auf eigene Gefahr.",
   "COPIED": "Kopiert!",
   "COPY_ALL": "Alles kopieren",
   "DOWNLOADED": "Heruntergeladen!",
diff --git a/src/locales/en-US.json b/src/locales/en-US.json
index 37092efc..0a80b5b7 100644
--- a/src/locales/en-US.json
+++ b/src/locales/en-US.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Click to copy the invite",
   "URL_COPIED": "URL copied",
   "URL_HAS_BEEN_COPIED": "The invite URL has been copied to the clipboard",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "To finish setting up your account, you need to sign up for an FDS account.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive is still in Beta. Use at own risk.",
   "COPIED": "Copied!",
   "COPY_ALL": "Copy all",
   "DOWNLOADED": "Downloaded!",
diff --git a/src/locales/es-ES.json b/src/locales/es-ES.json
index efe330d1..b0ca2233 100644
--- a/src/locales/es-ES.json
+++ b/src/locales/es-ES.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Haga clic para copiar la invitación",
   "URL_COPIED": "URL copiada",
   "URL_HAS_BEEN_COPIED": "La URL de la invitación ha sido copiada al portapapeles",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Para terminar de configurar su cuenta, debe registrarse en una cuenta FDS.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive aún está en Beta. Úsalo bajo tu propio riesgo.",
   "COPIED": "¡Copiado!",
   "COPY_ALL": "Copiar todo",
   "DOWNLOADED": "¡Descargado!",
diff --git a/src/locales/fr-FR.json b/src/locales/fr-FR.json
index 07f87c42..c9ebac66 100644
--- a/src/locales/fr-FR.json
+++ b/src/locales/fr-FR.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Cliquez pour copier l'invitation",
   "URL_COPIED": "URL copiée",
   "URL_HAS_BEEN_COPIED": "L'URL de l'invitation a été copiée dans le presse-papiers",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Pour finaliser la configuration de votre compte, vous devez vous inscrire à un compte FDS.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive est toujours en version bêta. Utilisez-le à vos risques et périls.",
   "COPIED": "Copié !",
   "COPY_ALL": "Tout copier",
   "DOWNLOADED": "Téléchargé !",
diff --git a/src/locales/hu-HU.json b/src/locales/hu-HU.json
index 80709093..271dc3fc 100644
--- a/src/locales/hu-HU.json
+++ b/src/locales/hu-HU.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Kattints a meghívó másolásához",
   "URL_COPIED": "URL másolva",
   "URL_HAS_BEEN_COPIED": "A meghívó URL-je átmásolva a vágólapra",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Ahhoz, hogy befejezd a fiók beállítását, regisztrálnod kell egy FDS fiókot.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "A Fairdrive még mindig béta verzióban van. Használja saját felelősségére.",
   "COPIED": "Másolva!",
   "COPY_ALL": "Mindent másol",
   "DOWNLOADED": "Letöltve!",
diff --git a/src/locales/it-IT.json b/src/locales/it-IT.json
index ae2f6156..932edbdd 100644
--- a/src/locales/it-IT.json
+++ b/src/locales/it-IT.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Fai clic per copiare l'invito",
   "URL_COPIED": "URL copiato",
   "URL_HAS_BEEN_COPIED": "L'URL dell'invito è stato copiato negli appunti",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Per completare la configurazione del tuo account, devi registrarti per un account FDS.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive è ancora in fase Beta. Usare a proprio rischio.",
   "COPIED": "Copiato!",
   "COPY_ALL": "Copia tutto",
   "DOWNLOADED": "Scaricato!",
diff --git a/src/locales/jp-JP.json b/src/locales/jp-JP.json
index 689edbc2..1e2fcc6c 100644
--- a/src/locales/jp-JP.json
+++ b/src/locales/jp-JP.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "クリックして招待をコピー",
   "URL_COPIED": "コピーしました！",
   "URL_HAS_BEEN_COPIED": "招待URLがクリップボードにコピーされました",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "アカウントの設定を完了するには、FDSアカウントにサインアップする必要があります。",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdriveはまだベータ版です。ご自身のリスクでご利用ください。",
   "COPIED": "コピーしました！",
   "COPY_ALL": "すべてをコピー",
   "DOWNLOADED": "ダウンロードしました！",
diff --git a/src/locales/pt-PT.json b/src/locales/pt-PT.json
index b5384b75..29ef3eb4 100644
--- a/src/locales/pt-PT.json
+++ b/src/locales/pt-PT.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Clique para copiar o convite",
   "URL_COPIED": "URL copiada",
   "URL_HAS_BEEN_COPIED": "A URL do convite foi copiada para a área de transferência",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Para finalizar a configuração da sua conta, você precisa se inscrever para uma conta FDS.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive ainda está em Beta. Use por sua própria conta e risco.",
   "COPIED": "Copiado!",
   "COPY_ALL": "Copiar tudo",
   "DOWNLOADED": "Baixado!",
diff --git a/src/locales/rs-RS.json b/src/locales/rs-RS.json
index 0069a114..d2d83159 100644
--- a/src/locales/rs-RS.json
+++ b/src/locales/rs-RS.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Kliknite da kopirate pozivnicu",
   "URL_COPIED": "URL kopiran",
   "URL_HAS_BEEN_COPIED": "URL pozivnice je kopiran u privremenu memoriju",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Da biste završili podešavanje svog naloga, morate se prijaviti na FDS nalog.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive je i dalje u Beta fazi. Koristite na sopstveni rizik.",
   "COPIED": "Kopirano!",
   "COPY_ALL": "Kopiraj sve",
   "DOWNLOADED": "Preuzeto!",
diff --git a/src/locales/sl-SI.json b/src/locales/sl-SI.json
index dd1e47aa..043efc10 100644
--- a/src/locales/sl-SI.json
+++ b/src/locales/sl-SI.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Kliknite za kopiranje povabila",
   "URL_COPIED": "URL kopiran",
   "URL_HAS_BEEN_COPIED": "URL povabila je bil kopiran v odložišče",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Za dokončanje nastavitve računa se morate prijaviti v račun FDS.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive je še vedno v beta različici. Uporabljajte na lastno odgovornost.",
   "COPIED": "Kopirano!",
   "COPY_ALL": "Kopiraj vse",
   "DOWNLOADED": "Preneseno!",
diff --git a/src/locales/tr-TR.json b/src/locales/tr-TR.json
index adc954c4..ce5cd9a0 100644
--- a/src/locales/tr-TR.json
+++ b/src/locales/tr-TR.json
@@ -101,7 +101,7 @@
   "COPY_INVITE": "Daveti kopyalamak için tıklayın",
   "URL_COPIED": "Kopyalandı!",
   "URL_HAS_BEEN_COPIED": "Davet URL'si panoya kopyalandı",
-  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Hesabınızı tamamlamak için bir FDS hesabına kaydolmanız gerekiyor.",
+  "SIGN_UP_FOR_AN_FDS_ACCOUNT": "Fairdrive hala Beta aşamasında. Kullanım kendi sorumluluğunuzdadır.",
   "COPIED": "Kopyalandı!",
   "COPY_ALL": "Hepsini kopyala",
   "DOWNLOADED": "İndirildi!",

From f9846138059e3a12fae9bd59293d8892067cd89b Mon Sep 17 00:00:00 2001
From: Vladan <tomic.vladan.mail@gmail.com>
Date: Thu, 14 Dec 2023 11:36:47 +0100
Subject: [PATCH 6/8] fix: footer styling

---
 src/components/Footers/MainFooter/MainFooter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footers/MainFooter/MainFooter.tsx b/src/components/Footers/MainFooter/MainFooter.tsx
index 7b264716..ed9d04be 100644
--- a/src/components/Footers/MainFooter/MainFooter.tsx
+++ b/src/components/Footers/MainFooter/MainFooter.tsx
@@ -27,7 +27,7 @@ const MainFooter: FC = () => {
   const { intl } = useLocales();
 
   return (
-    <div className="hidden md:flex justify-between items-center w-full my-2 px-8 bg-white shadow-top">
+    <div className="hidden md:flex justify-between items-center w-full py-2 px-8 bg-white shadow-top">
       <div className="flex items-center flex-wrap mr-4">
         <a
           href="https://fairdatasociety.org/"

From f31862982749d5c7586433dd38ca8b33a81c5489 Mon Sep 17 00:00:00 2001
From: Vladan <tomic.vladan.mail@gmail.com>
Date: Thu, 14 Dec 2023 12:56:29 +0100
Subject: [PATCH 7/8] fix: drive options mobile

---
 .../DriveActionBar/DriveActionBarMobile.module.scss         | 6 ++++++
 .../NavigationBars/DriveActionBar/DriveActionBarMobile.tsx  | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.module.scss

diff --git a/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.module.scss b/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.module.scss
new file mode 100644
index 00000000..4d2c85d3
--- /dev/null
+++ b/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.module.scss
@@ -0,0 +1,6 @@
+@media (max-width: 440px) {
+  .DriveActionBarItem {
+    width: 80px;
+    font-size: 12px;
+  }
+}
diff --git a/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.tsx b/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.tsx
index 39340fe9..b6f8b4de 100644
--- a/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.tsx
+++ b/src/components/NavigationBars/DriveActionBar/DriveActionBarMobile.tsx
@@ -24,6 +24,8 @@ import { UpdateDriveProps } from '@interfaces/handlers';
 import { useLocales } from '@context/LocalesContext';
 import PodContext from '@context/PodContext';
 
+import classes from './DriveActionBarMobile.module.scss';
+
 export interface DriveActionBarMobileProps extends UpdateDriveProps {
   refreshPods?: () => void;
 }
@@ -38,7 +40,7 @@ const DriveActionBarItem = (
 ) => {
   return (
     <div
-      className="py-2 w-24 block md:hidden sm:w-full py-1 flex-shrink-0 md:py-4 shadow cursor-pointer hover:bg-color-shade-dark-4-day dark:hover:bg-color-shade-dark-2-night"
+      className={`py-2 w-24 block md:hidden sm:w-full py-1 flex-shrink-0 md:py-4 shadow cursor-pointer hover:bg-color-shade-dark-4-day dark:hover:bg-color-shade-dark-2-night ${classes.DriveActionBarItem}`}
       onClick={disabled ? undefined : onClick}
     >
       <a className="flex flex-col justify-center items-center">

From 04c405d14e469c3edc0f81db5216dfcff5df0ed3 Mon Sep 17 00:00:00 2001
From: Vladan <tomic.vladan.mail@gmail.com>
Date: Thu, 14 Dec 2023 13:03:38 +0100
Subject: [PATCH 8/8] fix: disclaimer message width

---
 src/components/Forms/LoginForm/LoginForm.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Forms/LoginForm/LoginForm.tsx b/src/components/Forms/LoginForm/LoginForm.tsx
index ff06b46d..1e116341 100644
--- a/src/components/Forms/LoginForm/LoginForm.tsx
+++ b/src/components/Forms/LoginForm/LoginForm.tsx
@@ -118,10 +118,12 @@ const LoginForm: FC = () => {
 
   return (
     <div className="flex flex-col px-3 justify-center items-center">
-      <DisclaimerMessage
-        icon={IconType.WARNING}
-        text={disclaimerMessages.join(' ')}
-      />
+      <div className="max-w-xl">
+        <DisclaimerMessage
+          icon={IconType.WARNING}
+          text={disclaimerMessages.join(' ')}
+        />
+      </div>
 
       <AuthenticationHeader
         title={intl.get('WELCOME_BACK')}