fix branch delete

Author: sbawabe

packages/fern-dashboard/src/components/docs-page/BranchList.tsx

@@ -15,12 +15,13 @@ export function BranchList({ docsUrl, sourceRepo }: { docsUrl: DocsUrl; sourceRe
     const orgName = useOrgName();
     const router = useRouter();
 
+    const [deletedBranches, setDeletedBranches] = useState<Set<string>>(new Set());
+
     const { deleteBranch, loading } = useLocalBranches();
     const { filteredBranches } = useLocalBranchesForSite(docsUrl);
 
     // Pagination state
     const [visibleCount, setVisibleCount] = useState(3);
-    // const [deletedBranches, setDeletedBranches] = useState<Set<string>>(new Set());
     const BRANCHES_PER_PAGE = 3;
 
     const handleBranchClick = (branchName: string) => {
@@ -35,6 +36,7 @@ export function BranchList({ docsUrl, sourceRepo }: { docsUrl: DocsUrl; sourceRe
 
     const handleBranchDelete = (branchName: string) => {
         deleteBranch(branchName);
+        setDeletedBranches((prev) => new Set(prev).add(branchName));
         if (visibleCount > filteredBranches.length) {
             setVisibleCount(filteredBranches.length);
         }
@@ -45,9 +47,9 @@ export function BranchList({ docsUrl, sourceRepo }: { docsUrl: DocsUrl; sourceRe
     };
 
     // Filter out deleted branches and get the branches to display (first N branches)
-    // const availableBranches = branches.filter((branch) => !deletedBranches.has(branch));
-    const visibleBranches = filteredBranches.slice(0, visibleCount);
-    const hasMoreBranches = visibleCount < filteredBranches.length;
+    const availableBranches = filteredBranches.filter((branch) => !deletedBranches.has(branch.branchName));
+    const visibleBranches = availableBranches.slice(0, visibleCount);
+    const hasMoreBranches = visibleCount < availableBranches.length;
 
     return (
         <>
@@ -73,10 +75,8 @@ export function BranchList({ docsUrl, sourceRepo }: { docsUrl: DocsUrl; sourceRe
                     )}
                 </div>
             ) : (
-                <div className="py-8 text-center">
-                    <p className="dark:text-gray-1200 text-gray-500">
-                        {loading ? "Loading..." : "No open sessions found"}
-                    </p>
+                <div className="text-center">
+                    <p className="text-muted-foreground">{loading ? "Loading..." : "No open sessions found"}</p>
                 </div>
             )}
         </>