From 8f8586fdac26ee5a2c6e743a287007374cf8f54e Mon Sep 17 00:00:00 2001
From: Montassar Ghanmy <Monta.ghanmy@gmail.com>
Date: Tue, 26 Nov 2024 15:27:56 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20antivirus=20status=20for?=
 =?UTF-8?q?=20shared=20view=20(#745)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🐛 Fix antivirus status for shared view
---
 .../router/services/router-service.ts         |  2 +-
 .../views/client/body/drive/shared-view.tsx   | 10 ++++
 .../app/views/client/body/drive/shared.tsx    | 60 ++++++++++---------
 3 files changed, 44 insertions(+), 28 deletions(-)
 create mode 100644 tdrive/frontend/src/app/views/client/body/drive/shared-view.tsx

diff --git a/tdrive/frontend/src/app/features/router/services/router-service.ts b/tdrive/frontend/src/app/features/router/services/router-service.ts
index 5c7799b9..9d19a27f 100644
--- a/tdrive/frontend/src/app/features/router/services/router-service.ts
+++ b/tdrive/frontend/src/app/features/router/services/router-service.ts
@@ -8,7 +8,7 @@ import Login from '@views/login/login';
 import Logout from '@views/login/logout';
 import Error from '@views/error';
 import Join from '@views/join';
-import PublicMainView from '@views/client/body/drive/shared';
+import PublicMainView from '@views/client/body/drive/shared-view';
 import Observable from '../../../deprecated/Observable/Observable';
 import { getWorkspacesByCompany } from '@features/workspaces/state/workspace-list';
 
diff --git a/tdrive/frontend/src/app/views/client/body/drive/shared-view.tsx b/tdrive/frontend/src/app/views/client/body/drive/shared-view.tsx
new file mode 100644
index 00000000..8041985e
--- /dev/null
+++ b/tdrive/frontend/src/app/views/client/body/drive/shared-view.tsx
@@ -0,0 +1,10 @@
+import { lazy, Suspense } from 'react';
+const Shared = lazy(() => import('@views/client/body/drive/shared'));
+
+export default () => {
+  return (
+    <Suspense fallback={<></>}>
+      <Shared />
+    </Suspense>
+  );
+};
diff --git a/tdrive/frontend/src/app/views/client/body/drive/shared.tsx b/tdrive/frontend/src/app/views/client/body/drive/shared.tsx
index a00dc7aa..77b75c62 100755
--- a/tdrive/frontend/src/app/views/client/body/drive/shared.tsx
+++ b/tdrive/frontend/src/app/views/client/body/drive/shared.tsx
@@ -3,6 +3,7 @@ import { useEffect, useState } from 'react';
 import MenusBodyLayer from '@components/menus/menus-body-layer';
 import Api from '@features/global/framework/api-service';
 import Languages from '@features/global/services/languages-service';
+import { useFeatureToggles } from '@components/locked-features-components/feature-toggles-hooks';
 import { addApiUrlIfNeeded } from '@features/global/utils/URLUtils';
 import RouterService from '@features/router/services/router-service';
 import Drive from '@views/client/body/drive';
@@ -28,6 +29,7 @@ import LocalStorage from 'app/features/global/framework/local-storage-service';
 
 export default () => {
   const companyId = useRouterCompany();
+  const { FeatureToggles, activeFeatureNames } = useFeatureToggles();
 
   //Create a different local storage for shared view
   useEffect(() => {
@@ -61,34 +63,38 @@ export default () => {
   }
 
   return (
-    <div className="flex flex-col h-full w-full dark:bg-zinc-900">
-      <div className="flex flex-row items-center justify-center bg-blue-500 px-4 py-2">
-        <div className="grow flex flex-row items-center">
-          {group.logo && (
-            <Avatar avatar={group.logo} className="inline-block mr-3" size="sm" type="square" />
-          )}
-          <span className="text-white font-semibold" style={{ lineHeight: '32px' }}>
-            Twake Drive
-          </span>
+    <FeatureToggles features={activeFeatureNames}>
+      <>
+        <div className="flex flex-col h-full w-full dark:bg-zinc-900">
+          <div className="flex flex-row items-center justify-center bg-blue-500 px-4 py-2">
+            <div className="grow flex flex-row items-center">
+              {group.logo && (
+                <Avatar avatar={group.logo} className="inline-block mr-3" size="sm" type="square" />
+              )}
+              <span className="text-white font-semibold" style={{ lineHeight: '32px' }}>
+                Twake Drive
+              </span>
+            </div>
+            <div className="shrink-0">
+              <a href="https://twake.app" target="_BLANK" rel="noreferrer" className="!text-white">
+                <span className="nomobile text-white">
+                  {Languages.t('scenes.app.mainview.create_account')}
+                </span>
+                Twake Workplace &nbsp; 👉
+              </a>
+            </div>
+          </div>
+          <div className="h-full main-view public p-4 pb-16">
+            <AccessChecker folderId={documentId} token={token}>
+              <Drive initialParentId={documentId} inPublicSharing={true} />
+            </AccessChecker>
+          </div>
+          <MenusBodyLayer />
+          <UploadsViewer />
+          <CreateModalWithUploadZones initialParentId={documentId} />
         </div>
-        <div className="shrink-0">
-          <a href="https://twake.app" target="_BLANK" rel="noreferrer" className="!text-white">
-            <span className="nomobile text-white">
-              {Languages.t('scenes.app.mainview.create_account')}
-            </span>
-            Twake Workplace &nbsp; 👉
-          </a>
-        </div>
-      </div>
-      <div className="h-full main-view public p-4 pb-16">
-        <AccessChecker folderId={documentId} token={token}>
-          <Drive initialParentId={documentId} inPublicSharing={true} />
-        </AccessChecker>
-      </div>
-      <MenusBodyLayer />
-      <UploadsViewer />
-      <CreateModalWithUploadZones initialParentId={documentId} />
-    </div>
+      </>
+    </FeatureToggles>
   );
 };