- Selected {totalSelected} item{totalSelected > 1 ? "s" : ""}:
- {selectedFolders.length > 0 &&
- ` ${selectedFolders.length} folder${selectedFolders.length > 1 ? "s" : ""}`}
- {selectedFiles.length > 0 &&
- ` ${selectedFiles.length} file${selectedFiles.length > 1 ? "s" : ""}`}
+ Selected {totalSelected} item{totalSelected > 1 ? "s" : ""}:{" "}
+ {(() => {
+ const parts: string[] = [];
+ if (selectedFolders.length > 0) {
+ parts.push(`${selectedFolders.length} folder${selectedFolders.length > 1 ? "s" : ""}`);
+ }
+ if (selectedFiles.length > 0) {
+ parts.push(`${selectedFiles.length} file${selectedFiles.length > 1 ? "s" : ""}`);
+ }
+ return parts.length > 0 ? `(${parts.join(" ")})` : "";
+ })()}
{selectedFolders.map((folder) => (
- 📁 {folder.name}
+
+ {folder.name}
))}
{selectedFiles.map((file) => (
- 📄 {file.name}
+ {getFileIconFromName(file.name)}
+ {file.name}
))}
diff --git a/surfsense_web/components/connectors/google-drive-folder-tree.tsx b/surfsense_web/components/connectors/google-drive-folder-tree.tsx
index 4a3b0ad52..894564167 100644
--- a/surfsense_web/components/connectors/google-drive-folder-tree.tsx
+++ b/surfsense_web/components/connectors/google-drive-folder-tree.tsx
@@ -5,13 +5,13 @@ import {
ChevronRight,
File,
FileText,
- Folder,
+ FolderClosed,
FolderOpen,
HardDrive,
Image,
Loader2,
Presentation,
- Sheet,
+ FileSpreadsheet,
} from "lucide-react";
import { useState } from "react";
import { Checkbox } from "@/components/ui/checkbox";
@@ -53,16 +53,16 @@ interface GoogleDriveFolderTreeProps {
// Helper to get appropriate icon for file type
function getFileIcon(mimeType: string, className: string = "h-4 w-4") {
if (mimeType.includes("spreadsheet") || mimeType.includes("excel")) {
- return
;
+ return
;
}
if (mimeType.includes("presentation") || mimeType.includes("powerpoint")) {
- return
;
+ return
;
}
if (mimeType.includes("document") || mimeType.includes("word") || mimeType.includes("text")) {
- return
;
+ return
;
}
if (mimeType.includes("image")) {
- return
;
+ return
;
}
return
;
}
@@ -280,9 +280,9 @@ export function GoogleDriveFolderTree({
{isFolder ? (
isExpanded ? (
-
+
) : (
-
+
)
) : (
getFileIcon(item.mimeType, "h-3 w-3 sm:h-4 sm:w-4")