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>
   );
 }