hide folder if data empty

chris7917davison · Jan 16, 2024 · 7269cac · 7269cac
1 parent 1e45dde
commit 7269cac
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/components/sidebar/items/all/sidebar-delete-item.tsx b/components/sidebar/items/all/sidebar-delete-item.tsx
@@ -99,6 +99,7 @@ export const SidebarDeleteItem: FC<SidebarDeleteItemProps> = ({
 
   const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
     if (e.key === "Enter") {
+      e.stopPropagation()
       buttonRef.current?.click()
     }
   }

diff --git a/components/sidebar/sidebar-content.tsx b/components/sidebar/sidebar-content.tsx
@@ -26,7 +26,10 @@ export const SidebarContent: FC<SidebarContentProps> = ({
     // Subtract 50px for the height of the workspace settings
     <div className="flex max-h-[calc(100%-50px)] grow flex-col">
       <div className="mt-2 flex items-center">
-        <SidebarCreateButtons contentType={contentType} />
+        <SidebarCreateButtons
+          contentType={contentType}
+          hasData={data.length > 0}
+        />
       </div>
 
       <div className="mt-2">

diff --git a/components/sidebar/sidebar-create-buttons.tsx b/components/sidebar/sidebar-create-buttons.tsx
@@ -14,10 +14,12 @@ import { CreateTool } from "./items/tools/create-tool"
 
 interface SidebarCreateButtonsProps {
   contentType: ContentType
+  hasData: boolean
 }
 
 export const SidebarCreateButtons: FC<SidebarCreateButtonsProps> = ({
-  contentType
+  contentType,
+  hasData
 }) => {
   const { profile, selectedWorkspace, folders, setFolders } =
     useContext(ChatbotUIContext)
@@ -95,9 +97,11 @@ export const SidebarCreateButtons: FC<SidebarCreateButtonsProps> = ({
           contentType.slice(1, contentType.length - 1)}
       </Button>
 
-      <Button className="h-[36px] w-[36px] p-1" onClick={handleCreateFolder}>
-        <IconFolderPlus size={20} />
-      </Button>
+      {hasData && (
+        <Button className="h-[36px] w-[36px] p-1" onClick={handleCreateFolder}>
+          <IconFolderPlus size={20} />
+        </Button>
+      )}
 
       {isCreatingPrompt && (
         <CreatePrompt