From 65637a00f9ef80757575482a59aa22e44d1f5cfc Mon Sep 17 00:00:00 2001
From: Sauradip Ghosh <sauradip96ghosh@gmail.com>
Date: Thu, 29 Aug 2024 12:59:33 +0530
Subject: [PATCH] convert checkboxes to button

Signed-off-by: Sauradip Ghosh <sauradip96ghosh@gmail.com>
---
 src/frontend/components/sidebar-history.tsx | 23 ++++++++++++++++-----
 src/frontend/tailwind.config.ts             |  1 +
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/frontend/components/sidebar-history.tsx b/src/frontend/components/sidebar-history.tsx
index 4fa2354..f6baf0c 100644
--- a/src/frontend/components/sidebar-history.tsx
+++ b/src/frontend/components/sidebar-history.tsx
@@ -3,7 +3,7 @@ import React, {
 	useEffect,
 	useState
 } from 'react';
-import { DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
+import { DropdownMenuCheckboxItemProps, DropdownMenuItem } from '@radix-ui/react-dropdown-menu';
 import { Button } from '@/components/ui/button';
 import {
 	DropdownMenu,
@@ -83,14 +83,27 @@ const SidebarHistory = (props: Props) => {
 								>
 									<Pin className="mr-2" /> Pin
 								</DropdownMenuCheckboxItem>
-								<DropdownMenuCheckboxItem>
+								{/* <DropdownMenuCheckboxItem>
 									<Pencil className="mr-2" />{' '}
 									Rename
-								</DropdownMenuCheckboxItem>
-								<DropdownMenuCheckboxItem>
+								</DropdownMenuCheckboxItem> */}
+								<button className='p-[7px] flex flex-rowtext-left w-full hover:bg-hover-blue border-none hover:border-none '>
+									<Pencil className="ml-6" />
+									<span className='ml-3'>
+									Rename
+									</span>
+								</button>
+
+								<button className='p-[7px] flex flex-rowtext-left w-full hover:bg-hover-blue border-none hover:border-none '>
+								<Trash2 className="ml-6" />
+									<span className='ml-3'>
+									Delete
+									</span>
+								</button>
+								{/* <DropdownMenuCheckboxItem>
 									<Trash2 className="mr-2" />{' '}
 									Delete
-								</DropdownMenuCheckboxItem>
+								</DropdownMenuCheckboxItem> */}
 							</DropdownMenuContent>
 						</DropdownMenu>
 					</button>
diff --git a/src/frontend/tailwind.config.ts b/src/frontend/tailwind.config.ts
index b6c1c74..56fafcf 100644
--- a/src/frontend/tailwind.config.ts
+++ b/src/frontend/tailwind.config.ts
@@ -24,6 +24,7 @@ const config = {
 		extend: {
 			colors: {
 				border: 'hsl(var(--border))',
+				'hover-blue': '#f1f5f9',
 				input: 'hsl(var(--input))',
 				ring: 'hsl(var(--ring))',
 				background: 'hsl(var(--background))',