From 3832bdbb912c58acfa275e0f4f5d4dc0493298f0 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Wed, 8 Apr 2026 04:12:54 +0530
Subject: [PATCH] refactor: replace FolderOpen icon with FolderClock in
 DocumentsSidebar and update button text in FolderWatchDialog

---
 .../components/layout/ui/sidebar/DocumentsSidebar.tsx         | 4 ++--
 surfsense_web/components/sources/FolderWatchDialog.tsx        | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
index 3d69e40c6..d182317e4 100644
--- a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
@@ -2,7 +2,7 @@
 
 import { useQuery } from "@rocicorp/zero/react";
 import { useAtom, useAtomValue, useSetAtom } from "jotai";
-import { ChevronLeft, ChevronRight, FolderOpen, Trash2, Unplug } from "lucide-react";
+import { ChevronLeft, ChevronRight, FolderClock, Trash2, Unplug } from "lucide-react";
 import { useParams } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -757,7 +757,7 @@ export function DocumentsSidebar({
 					onClick={() => setFolderWatchOpen(true)}
 					className="shrink-0 mx-4 mb-4 flex select-none items-center gap-2 rounded-lg border bg-muted/50 px-3 py-2 transition-colors hover:bg-muted/80"
 				>
-					<FolderOpen className="size-4 shrink-0 text-muted-foreground" />
+					<FolderClock className="size-4 shrink-0 text-muted-foreground" />
 					<span className="truncate text-xs text-muted-foreground">Watch local folder</span>
 				</button>
 			)}
diff --git a/surfsense_web/components/sources/FolderWatchDialog.tsx b/surfsense_web/components/sources/FolderWatchDialog.tsx
index 85e1fd1c0..e1911b966 100644
--- a/surfsense_web/components/sources/FolderWatchDialog.tsx
+++ b/surfsense_web/components/sources/FolderWatchDialog.tsx
@@ -153,8 +153,7 @@ export function FolderWatchDialog({
 							onClick={handleSelectFolder}
 							className="flex w-full items-center justify-center gap-2 rounded-lg border-2 border-dashed border-muted-foreground/30 py-8 text-sm text-muted-foreground transition-colors hover:border-foreground/50 hover:text-foreground"
 						>
-							<FolderOpen className="h-5 w-5" />
-							Select folder
+							Browse for a folder
 						</button>
 					)}