convert checkboxes to button

Signed-off-by: Sauradip Ghosh <[email protected]>
hyperledger-labs · Aug 29, 2024 · 65637a0 · 65637a0
1 parent b1a160c
commit 65637a0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git 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
@@ -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))',