temp move

apps/dashboard/src/components/clients/client-actions.tsx

@@ -1,73 +0,0 @@
-'use client';
-
-import { api } from '@/app/_trpc/client';
-import { pushModal, showConfirm } from '@/modals';
-import { clipboard } from '@/utils/clipboard';
-import { MoreHorizontal } from 'lucide-react';
-import { useRouter } from 'next/navigation';
-import { toast } from 'sonner';
-
-import type { IServiceClientWithProject } from '@openpanel/db';
-
-import { Button } from '../ui/button';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '../ui/dropdown-menu';
-
-export function ClientActions(client: IServiceClientWithProject) {
-  const { id } = client;
-  const router = useRouter();
-  const deletion = api.client.remove.useMutation({
-    onSuccess() {
-      toast('Success', {
-        description: 'Client revoked, incoming requests will be rejected.',
-      });
-      router.refresh();
-    },
-  });
-  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 client ID
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onClick={() => {
-            pushModal('EditClient', client);
-          }}
-        >
-          Edit
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem
-          className="text-destructive"
-          onClick={() => {
-            showConfirm({
-              title: 'Revoke client',
-              text: 'Are you sure you want to revoke this client? This action cannot be undone.',
-              onConfirm() {
-                deletion.mutate({
-                  id,
-                });
-              },
-            });
-          }}
-        >
-          Revoke
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}

apps/dashboard/src/components/clients/create-client-success.tsx

@@ -1,47 +0,0 @@
-import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
-import { clipboard } from '@/utils/clipboard';
-import { Copy, RocketIcon } from 'lucide-react';
-import Link from 'next/link';
-
-import type { IServiceClient } from '@openpanel/db';
-
-import { Label } from '../ui/label';
-
-type Props = IServiceClient;
-
-export function CreateClientSuccess({ id, secret, cors }: Props) {
-  return (
-    <div className="grid gap-4">
-      <button className="text-left" onClick={() => clipboard(id)}>
-        <Label>Client ID</Label>
-        <div className="flex items-center justify-between rounded bg-gray-100 p-2 px-3">
-          {id}
-          <Copy size={16} />
-        </div>
-      </button>
-      {secret ? (
-        <button className="text-left" onClick={() => clipboard(secret)}>
-          <Label>Secret</Label>
-          <div className="flex items-center justify-between rounded bg-gray-100 p-2 px-3">
-            {secret}
-            <Copy size={16} />
-          </div>
-        </button>
-      ) : (
-        <div className="text-left">
-          <Label>Cors settings</Label>
-          <div className="flex items-center justify-between rounded bg-gray-100 p-2 px-3">
-            {cors}
-          </div>
-        </div>
-      )}
-      <Alert>
-        <RocketIcon className="h-4 w-4" />
-        <AlertTitle>Get started!</AlertTitle>
-        <AlertDescription>
-          Read our documentation to get started. Easy peasy!
-        </AlertDescription>
-      </Alert>
-    </div>
-  );
-}

apps/dashboard/src/components/clients/table.tsx

@@ -1,54 +0,0 @@
-import { formatDate } from '@/utils/date';
-import type { ColumnDef } from '@tanstack/react-table';
-
-import type { IServiceClientWithProject } from '@openpanel/db';
-
-import { ClientActions } from './client-actions';
-
-export const columns: ColumnDef<IServiceClientWithProject>[] = [
-  {
-    accessorKey: 'name',
-    header: 'Name',
-    cell: ({ row }) => {
-      return (
-        <div>
-          <div>{row.original.name}</div>
-          <div className="text-sm text-muted-foreground">
-            {row.original.project.name}
-          </div>
-        </div>
-      );
-    },
-  },
-  {
-    accessorKey: 'id',
-    header: 'Client ID',
-  },
-  {
-    accessorKey: 'cors',
-    header: 'Cors',
-  },
-  {
-    accessorKey: 'secret',
-    header: 'Secret',
-    cell: (info) =>
-      info.getValue() ? (
-        <div className="italic text-muted-foreground">Hidden</div>
-      ) : (
-        'None'
-      ),
-  },
-  {
-    accessorKey: 'createdAt',
-    header: 'Created at',
-    cell({ row }) {
-      const date = row.original.createdAt;
-      return formatDate(date);
-    },
-  },
-  {
-    id: 'actions',
-    header: 'Actions',
-    cell: ({ row }) => <ClientActions {...row.original} />,
-  },
-];