homeio

1"use client";
2
3import { cn } from "@/lib/utils";
4import { FILES_BADGE_SURFACE } from "@/modules/files/components/file-manager-surface";
5import { Trash2 } from "@/components/icons/platform-icons";
6
7type StatusBarProps = {
8  clipboardName: string | null;
9  clipboardOperation: "copy" | "move" | null;
10  currentPathForDisplay: string[];
11  fileCount: number;
12  folderCount: number;
13  isStarredView: boolean;
14  isTrashView: boolean;
15  rootLabel: string;
16  selectedFilesCount: number;
17  statusNotice: string | null;
18  onTrashSelected: () => void;
19};
20
21export function FileManagerStatusBar({
22  clipboardName,
23  clipboardOperation,
24  currentPathForDisplay,
25  fileCount,
26  folderCount,
27  isStarredView,
28  isTrashView,
29  rootLabel,
30  selectedFilesCount,
31  statusNotice,
32  onTrashSelected,
33}: StatusBarProps) {
34  return (
35    <div className="flex items-center justify-between border-t border-glass-border/60 bg-background/50 px-3 py-1.5 text-xs text-muted-foreground">
36      <span className="flex items-center gap-3">
37        <span>
38          {folderCount > 0 && `${folderCount} folder${folderCount > 1 ? "s" : ""}`}
39          {folderCount > 0 && fileCount > 0 ? ", " : ""}
40          {fileCount > 0 && `${fileCount} file${fileCount > 1 ? "s" : ""}`}
41        </span>
42        {selectedFilesCount > 1 && (
43          <span className="flex items-center gap-1.5 text-primary">
44            <span>{selectedFilesCount} selected</span>
45            {!isTrashView && !isStarredView && (
46              <button
47                onClick={onTrashSelected}
48                title="Move selected to Trash"
49                className={cn(
50                  "flex items-center gap-1 px-1.5 py-0.5 text-status-red transition-colors hover:bg-status-red/15",
51                  FILES_BADGE_SURFACE,
52                )}
53              >
54                <Trash2 className="size-3" />
55                <span>Trash selected</span>
56              </button>
57            )}
58          </span>
59        )}
60      </span>
61
62      <div className="flex items-center gap-3">
63        {statusNotice && (
64          <span className="max-w-72 truncate text-status-amber">{statusNotice}</span>
65        )}
66        {clipboardName && clipboardOperation && (
67          <span className="max-w-56 truncate text-muted-foreground/60">
68            {clipboardOperation === "copy" ? "Clipboard" : "Cut"}: {clipboardName}
69          </span>
70        )}
71        <span className="font-mono text-muted-foreground/50">
72          {rootLabel}
73          {currentPathForDisplay.length > 0 ? `/${currentPathForDisplay.join("/")}` : ""}
74        </span>
75      </div>
76    </div>
77  );
78}
79