move clients settings into projects

apps/dashboard/src/components/projects/project-actions.tsx

@@ -2,22 +2,13 @@
 
 import { pushModal, showConfirm } from '@/modals';
 import { api } from '@/trpc/client';
-import { clipboard } from '@/utils/clipboard';
-import { MoreHorizontal } from 'lucide-react';
+import { Edit2Icon, TrashIcon } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { toast } from 'sonner';
 
 import type { IServiceProject } from '@openpanel/db';
 
 import { Button } from '../ui/button';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '../ui/dropdown-menu';
 
 export function ProjectActions(project: Exclude<IServiceProject, null>) {
   const { id } = project;
@@ -32,43 +23,34 @@ export function ProjectActions(project: Exclude<IServiceProject, null>) {
   });
 
   return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button variant="ghost" className="h-8 w-8 p-0">
-          <span className="sr-only">Open menu</span>
-          <MoreHorizontal className="h-4 w-4" />
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
-        <DropdownMenuLabel>Actions</DropdownMenuLabel>
-        <DropdownMenuItem onClick={() => clipboard(id)}>
-          Copy project ID
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onClick={() => {
-            pushModal('EditProject', project);
-          }}
-        >
-          Edit
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem
-          className="text-destructive"
-          onClick={() => {
-            showConfirm({
-              title: 'Delete project',
-              text: 'This will delete all events for this project. This action cannot be undone.',
-              onConfirm() {
-                deletion.mutate({
-                  id,
-                });
-              },
-            });
-          }}
-        >
-          Delete
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
+    <div className="flex gap-2">
+      <Button
+        variant="secondary"
+        onClick={() => {
+          pushModal('EditProject', project);
+        }}
+        icon={Edit2Icon}
+      >
+        Edit project
+      </Button>
+      <Button
+        variant="secondary"
+        className="text-destructive"
+        onClick={() => {
+          showConfirm({
+            title: 'Delete project',
+            text: 'This will delete all events for this project. This action cannot be undone.',
+            onConfirm() {
+              deletion.mutate({
+                id,
+              });
+            },
+          });
+        }}
+        icon={TrashIcon}
+      >
+        Delete project
+      </Button>
+    </div>
   );
 }

apps/dashboard/src/components/ui/accordion.tsx

@@ -25,7 +25,7 @@ const AccordionTrigger = React.forwardRef<
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
+        'flex flex-1 items-center justify-between py-4 font-medium transition-all [&[data-state=closed]]:hover:bg-muted/30 [&[data-state=open]>svg]:rotate-180',
         className
       )}
       {...props}

apps/dashboard/src/components/ui/tooltip.tsx

@@ -33,14 +33,22 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
 
 interface TooltiperProps {
-  asChild: boolean;
+  asChild?: boolean;
   content: string;
   children: React.ReactNode;
+  className?: string;
 }
-export function Tooltiper({ asChild, content, children }: TooltiperProps) {
+export function Tooltiper({
+  asChild,
+  content,
+  children,
+  className,
+}: TooltiperProps) {
   return (
     <Tooltip>
-      <TooltipTrigger asChild={asChild}>{children}</TooltipTrigger>
+      <TooltipTrigger asChild={asChild} className={className}>
+        {children}
+      </TooltipTrigger>
       <TooltipContent>{content}</TooltipContent>
     </Tooltip>
   );