From f53a953b1129793ebd8d17e54c302f7369a92617 Mon Sep 17 00:00:00 2001
From: Neeraj-gagat <neerajgagat9999@gmail.com>
Date: Fri, 28 Nov 2025 19:27:40 +0530
Subject: [PATCH] added-more-keyboard-shortcuts

---
 .../components/HomeComponents/Tasks/Tasks.tsx | 21 +++++++++++++++++++
 frontend/src/components/ui/multi-select.tsx   | 10 ++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/HomeComponents/Tasks/Tasks.tsx b/frontend/src/components/HomeComponents/Tasks/Tasks.tsx
index d0b0f31f..a1b65097 100644
--- a/frontend/src/components/HomeComponents/Tasks/Tasks.tsx
+++ b/frontend/src/components/HomeComponents/Tasks/Tasks.tsx
@@ -785,6 +785,21 @@ export const Tasks = (
       document.getElementById('sync-task')?.click();
     }
   });
+  useHotkeys(['p'], () => {
+    if (!showReports) {
+      document.getElementById('projects')?.click();
+    }
+  });
+  useHotkeys(['s'], () => {
+    if (!showReports) {
+      document.getElementById('status')?.click();
+    }
+  });
+  useHotkeys(['t'], () => {
+    if (!showReports) {
+      document.getElementById('tags')?.click();
+    }
+  });
   useHotkeys(['c'], () => {
     if (!showReports && !_isDialogOpen) {
       const task = currentTasks[selectedIndex];
@@ -915,25 +930,31 @@ export const Tasks = (
                       icon={<Key lable="f" />}
                     />
                     <MultiSelectFilter
+                      id="projects"
                       title="Projects"
                       options={uniqueProjects}
                       selectedValues={selectedProjects}
                       onSelectionChange={setSelectedProjects}
                       className="flex-1 min-w-[140px]"
+                      icon={<Key lable="p" />}
                     />
                     <MultiSelectFilter
+                      id="status"
                       title="Status"
                       options={status}
                       selectedValues={selectedStatuses}
                       onSelectionChange={setSelectedStatuses}
                       className="flex-1 min-w-[140px]"
+                      icon={<Key lable="s" />}
                     />
                     <MultiSelectFilter
+                      id="tags"
                       title="Tags"
                       options={uniqueTags}
                       selectedValues={selectedTags}
                       onSelectionChange={setSelectedTags}
                       className="flex-1 min-w-[140px]"
+                      icon={<Key lable="t" />}
                     />
                     <div className="pr-2">
                       <Dialog
diff --git a/frontend/src/components/ui/multi-select.tsx b/frontend/src/components/ui/multi-select.tsx
index 6625985e..5089635a 100644
--- a/frontend/src/components/ui/multi-select.tsx
+++ b/frontend/src/components/ui/multi-select.tsx
@@ -20,19 +20,23 @@ import {
 const ALL_ITEMS_VALUE = '__ALL__';
 
 interface MultiSelectFilterProps {
+  id?: string;
   title: string;
   options: string[];
   selectedValues: string[];
   onSelectionChange: (values: string[]) => void;
   className?: string;
+  icon?: React.ReactNode;
 }
 
 export function MultiSelectFilter({
+  id,
   title,
   options,
   selectedValues,
   onSelectionChange,
   className,
+  icon,
 }: MultiSelectFilterProps) {
   const [open, setOpen] = React.useState(false);
 
@@ -52,6 +56,7 @@ export function MultiSelectFilter({
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger asChild>
         <Button
+          id={id}
           variant="outline"
           role="combobox"
           aria-expanded={open}
@@ -63,7 +68,10 @@ export function MultiSelectFilter({
           <div className="flex flex-wrap gap-1 items-center">
             <span className="font-medium">{title}</span>
           </div>
-          <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+          <div className="flex flex-wrap items-center">
+            <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+            {icon && <span>{icon}</span>}
+          </div>
         </Button>
       </PopoverTrigger>