From fd1e4e617610e2a39c73bef2e49a13acaa15f331 Mon Sep 17 00:00:00 2001
From: Aleix Soler <aleixsoler64@gmail.com>
Date: Sat, 19 Jul 2025 17:17:08 +0200
Subject: [PATCH] chore: multiple fixes

---
 .../StatusDashboard/QuickActionsPanel.tsx     |  5 ++-
 .../StatusDashboard/StatusDashboard.tsx       | 11 ++++++
 .../StatusDistributionChart.tsx               | 13 ++++++-
 .../file-explorer-integration.tsx             |  1 -
 integrations/views/status-dashboard-view.tsx  | 36 ++++++++++++++++---
 styles/components/dashboard.css               | 12 +++++++
 6 files changed, 71 insertions(+), 7 deletions(-)

diff --git a/components/StatusDashboard/QuickActionsPanel.tsx b/components/StatusDashboard/QuickActionsPanel.tsx
index da33056..5534d24 100644
--- a/components/StatusDashboard/QuickActionsPanel.tsx
+++ b/components/StatusDashboard/QuickActionsPanel.tsx
@@ -9,11 +9,13 @@ export type DashboardAction =
 	| "copy-status"
 	| "paste-status"
 	| "search-by-status"
+	| "search-by-specific-status"
 	| "toggle-multiple-mode"
 	| "set-quick-status";
 
 interface QuickActionsPanelProps {
 	hasCurrentFile: boolean;
+	hasCurrentNoteStatuses: boolean;
 	useMultipleStatuses: boolean;
 	quickStatusCommands: string[];
 	onAction: (action: DashboardAction, value?: string) => void;
@@ -21,6 +23,7 @@ interface QuickActionsPanelProps {
 
 export const QuickActionsPanel = ({
 	hasCurrentFile,
+	hasCurrentNoteStatuses,
 	useMultipleStatuses,
 	quickStatusCommands,
 	onAction,
@@ -140,7 +143,7 @@ export const QuickActionsPanel = ({
 					<button
 						className="quick-action-btn"
 						onClick={() => onAction("search-by-status")}
-						disabled={!hasCurrentFile}
+						disabled={!hasCurrentFile || !hasCurrentNoteStatuses}
 						title="Search for notes with same status"
 					>
 						⚙️ Search by Status
diff --git a/components/StatusDashboard/StatusDashboard.tsx b/components/StatusDashboard/StatusDashboard.tsx
index fc2e1ac..24b6922 100644
--- a/components/StatusDashboard/StatusDashboard.tsx
+++ b/components/StatusDashboard/StatusDashboard.tsx
@@ -40,6 +40,13 @@ export const StatusDashboard = ({
 		);
 	}
 
+	// Check if current note has any statuses
+	const hasCurrentNoteStatuses =
+		currentNote.file &&
+		Object.values(currentNote.statuses).some(
+			(statuses) => statuses.length > 0,
+		);
+
 	return (
 		<div className="status-dashboard">
 			<div className="status-dashboard-header">
@@ -59,9 +66,13 @@ export const StatusDashboard = ({
 				<StatusDistributionChart
 					vaultStats={vaultStats}
 					availableStatuses={availableStatuses}
+					onStatusClick={(statusName) =>
+						onAction("search-by-specific-status", statusName)
+					}
 				/>
 				<QuickActionsPanel
 					hasCurrentFile={!!currentNote.file}
+					hasCurrentNoteStatuses={!!hasCurrentNoteStatuses}
 					useMultipleStatuses={settings.useMultipleStatuses}
 					quickStatusCommands={settings.quickStatusCommands}
 					onAction={onAction}
diff --git a/components/StatusDashboard/StatusDistributionChart.tsx b/components/StatusDashboard/StatusDistributionChart.tsx
index b62a822..72d1e00 100644
--- a/components/StatusDashboard/StatusDistributionChart.tsx
+++ b/components/StatusDashboard/StatusDistributionChart.tsx
@@ -6,11 +6,13 @@ import { NoteStatus } from "@/types/noteStatus";
 interface StatusDistributionChartProps {
 	vaultStats: VaultStats;
 	availableStatuses: NoteStatus[];
+	onStatusClick?: (statusName: string) => void;
 }
 
 export const StatusDistributionChart = ({
 	vaultStats,
 	availableStatuses,
+	onStatusClick,
 }: StatusDistributionChartProps) => {
 	const statusChart = useMemo(() => {
 		const total = Object.values(vaultStats.statusDistribution).reduce(
@@ -45,7 +47,16 @@ export const StatusDistributionChart = ({
 						{statusChart.map(({ name, count, percentage }) => {
 							const status = statusMap.get(name);
 							return (
-								<div key={name} className="status-chart-item">
+								<div
+									key={name}
+									className={`status-chart-item ${onStatusClick ? "status-chart-item--clickable" : ""}`}
+									onClick={() => onStatusClick?.(name)}
+									title={
+										onStatusClick
+											? `Click to search for notes with status: ${name}`
+											: undefined
+									}
+								>
 									<div className="status-chart-info">
 										{status && (
 											<StatusDisplay
diff --git a/integrations/file-explorer/file-explorer-integration.tsx b/integrations/file-explorer/file-explorer-integration.tsx
index edb00c2..412820d 100644
--- a/integrations/file-explorer/file-explorer-integration.tsx
+++ b/integrations/file-explorer/file-explorer-integration.tsx
@@ -47,7 +47,6 @@ export class FileExplorerIntegration implements IElementProcessor {
 			"plugin-settings-changed",
 			({ key }) => {
 				if (key === "fileExplorerIconPosition") {
-					console.log("renreder");
 					this.destroy();
 					this.integrate().catch((r) => console.error(r));
 				}
diff --git a/integrations/views/status-dashboard-view.tsx b/integrations/views/status-dashboard-view.tsx
index f749195..a3e6176 100644
--- a/integrations/views/status-dashboard-view.tsx
+++ b/integrations/views/status-dashboard-view.tsx
@@ -216,6 +216,11 @@ export class StatusDashboardView extends ItemView {
 					}
 				}
 				break;
+			case "search-by-specific-status":
+				if (value) {
+					this.searchBySpecificStatus(value);
+				}
+				break;
 		}
 	};
 
@@ -233,11 +238,34 @@ export class StatusDashboardView extends ItemView {
 				!frontmatter || !frontmatter[settingsService.settings.tagPrefix]
 			);
 		});
-		new Notice(`Found ${filesWithoutStatus.length} notes without status`);
-		console.log(
-			"Notes without status:",
-			filesWithoutStatus.map((f) => f.path),
+
+		if (filesWithoutStatus.length === 0) {
+			new Notice("All notes have status assigned!");
+			return;
+		}
+
+		new Notice(
+			`Found ${filesWithoutStatus.length} notes without status. Opening search...`,
 		);
+
+		// Create a search query to find files without the status tag
+		const tagPrefix = settingsService.settings.tagPrefix;
+		const query = `-[${tagPrefix}:]`;
+
+		// @ts-ignore
+		this.app.internalPlugins.plugins[
+			"global-search"
+		].instance.openGlobalSearch(query);
+	}
+
+	private searchBySpecificStatus(statusName: string) {
+		const tagPrefix = settingsService.settings.tagPrefix;
+		const query = `[${tagPrefix}:"${statusName}"]`;
+
+		// @ts-ignore
+		this.app.internalPlugins.plugins[
+			"global-search"
+		].instance.openGlobalSearch(query);
 	}
 
 	private renderDashboard() {
diff --git a/styles/components/dashboard.css b/styles/components/dashboard.css
index 8135634..e929206 100644
--- a/styles/components/dashboard.css
+++ b/styles/components/dashboard.css
@@ -195,6 +195,18 @@
 	gap: var(--size-2-1);
 }
 
+.status-chart-item--clickable {
+	cursor: pointer;
+	transition: all var(--anim-duration-fast) ease;
+	padding: var(--size-2-2);
+	border-radius: var(--radius-s);
+}
+
+.status-chart-item--clickable:hover {
+	background: var(--background-modifier-hover);
+	transform: translateY(-1px);
+}
+
 .status-chart-info {
 	display: flex;
 	align-items: center;