From 9996fa3f8b11edd5da0d16185c44822ddfec9233 Mon Sep 17 00:00:00 2001
From: Guillermo Puente <guillermo.ps09@gmail.com>
Date: Wed, 19 Jun 2024 15:14:43 -0400
Subject: [PATCH] feat: disable sync icon for local folders

---
 package-lock.json                          | 4 ++--
 src/components/folder-item/folder-item.tsx | 4 +++-
 src/components/folder-view.tsx             | 3 +++
 src/pages/content.tsx                      | 1 +
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1adb77c0..6577271d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@powerhousedao/connect",
-    "version": "1.0.0-dev.17",
+    "version": "1.0.0-dev.18",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@powerhousedao/connect",
-            "version": "1.0.0-dev.17",
+            "version": "1.0.0-dev.18",
             "license": "AGPL-3.0-only",
             "dependencies": {
                 "@powerhousedao/design-system": "1.0.0-alpha.139",
diff --git a/src/components/folder-item/folder-item.tsx b/src/components/folder-item/folder-item.tsx
index e48de284..3e42ae4d 100644
--- a/src/components/folder-item/folder-item.tsx
+++ b/src/components/folder-item/folder-item.tsx
@@ -14,6 +14,7 @@ export interface FolderItemProps {
     onFolderSelected: (itemId: string) => void;
     isAllowedToCreateDocuments: boolean;
     folderItemOptions: ConnectDropdownMenuItem[];
+    isRemoteDrive?: boolean;
     onFolderOptionsClick?: (
         optionId: string,
         fileNode: TreeItem,
@@ -27,6 +28,7 @@ export const FolderItem: React.FC<FolderItemProps> = props => {
         decodedDriveID,
         onFolderSelected,
         folderItemOptions,
+        isRemoteDrive = false,
         onFolderOptionsClick = () => {},
         isAllowedToCreateDocuments,
     } = props;
@@ -44,7 +46,7 @@ export const FolderItem: React.FC<FolderItemProps> = props => {
     return (
         <ConnectFolderItem
             className="w-64"
-            displaySyncIcon
+            displaySyncIcon={isRemoteDrive}
             title={folder.label}
             itemOptions={folderItemOptions}
             onCancelInput={cancelInputHandler}
diff --git a/src/components/folder-view.tsx b/src/components/folder-view.tsx
index 71a88c52..cd58ee18 100644
--- a/src/components/folder-view.tsx
+++ b/src/components/folder-view.tsx
@@ -18,6 +18,7 @@ interface IProps {
     onFolderSelected: (itemId: string) => void;
     onFileSelected: (drive: string, id: string) => void;
     onFileDeleted: (drive: string, id: string) => void;
+    isRemoteDrive?: boolean;
 }
 
 export const FolderView: React.FC<IProps> = ({
@@ -27,6 +28,7 @@ export const FolderView: React.FC<IProps> = ({
     onFileDeleted,
     onFileSelected,
     onFolderSelected,
+    isRemoteDrive = false,
 }) => {
     const { t } = useTranslation();
     const { folders, files } = useFolderContent(path);
@@ -59,6 +61,7 @@ export const FolderView: React.FC<IProps> = ({
                         <FolderItem
                             key={folder.id}
                             folder={folder}
+                            isRemoteDrive={isRemoteDrive}
                             decodedDriveID={decodedDriveID}
                             onFolderSelected={onFolderSelected}
                             folderItemOptions={folderItemOptions}
diff --git a/src/pages/content.tsx b/src/pages/content.tsx
index 922e4139..b18a78e2 100644
--- a/src/pages/content.tsx
+++ b/src/pages/content.tsx
@@ -364,6 +364,7 @@ const Content = () => {
                                         path={selectedPath || ''}
                                         folderItem={selectedFolder}
                                         decodedDriveID={decodedDriveID}
+                                        isRemoteDrive={isRemoteDrive}
                                         onFolderSelected={
                                             onFolderSelectedHandler
                                         }