chore: more clean up + ts issues

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

@@ -4,30 +4,19 @@ import { RocketIcon } from 'lucide-react';
 import type { IServiceClient } from '@openpanel/db';
 
 import CopyInput from '../forms/copy-input';
-import { Label } from '../ui/label';
 
 type Props = IServiceClient;
 
-export function CreateClientSuccess({ id, secret, cors }: Props) {
+export function CreateClientSuccess({ id, secret }: Props) {
   return (
     <div className="grid gap-4">
       <CopyInput label="Client ID" value={id} />
       {secret && (
         <div className="w-full">
           <CopyInput label="Secret" value={secret} />
-          {cors && (
-            <p className="mt-1 text-sm text-muted-foreground">
-              You will only need the secret if you want to send server events.
-            </p>
-          )}
-        </div>
-      )}
-      {cors && (
-        <div className="text-left">
-          <Label>CORS settings</Label>
-          <div className="font-mono flex items-center justify-between rounded border-input bg-def-200 p-2 px-3 ">
-            {cors}
-          </div>
+          <p className="mt-1 text-sm text-muted-foreground">
+            You will only need the secret if you want to send server events.
+          </p>
         </div>
       )}
       <Alert>

apps/dashboard/src/modals/AddClient.tsx

@@ -1,22 +1,17 @@
 'use client';
 
-import AnimateHeight from '@/components/animate-height';
 import { CreateClientSuccess } from '@/components/clients/create-client-success';
-import TagInput from '@/components/forms/tag-input';
 import { Button, buttonVariants } from '@/components/ui/button';
-import { CheckboxInput } from '@/components/ui/checkbox';
 import { Combobox } from '@/components/ui/combobox';
 import { DialogFooter } from '@/components/ui/dialog';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
-import { Switch } from '@/components/ui/switch';
 import { useAppParams } from '@/hooks/useAppParams';
 import { api, handleError } from '@/trpc/client';
 import { cn } from '@/utils/cn';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { SaveIcon } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
 import type { SubmitHandler } from 'react-hook-form';
 import { Controller, useForm } from 'react-hook-form';
 import { toast } from 'sonner';

apps/dashboard/src/modals/EditClient.tsx

@@ -1,12 +1,10 @@
 import { ButtonContainer } from '@/components/button-container';
-import { InputWithLabel, WithLabel } from '@/components/forms/input-with-label';
-import TagInput from '@/components/forms/tag-input';
+import { InputWithLabel } from '@/components/forms/input-with-label';
 import { Button } from '@/components/ui/button';
-import { CheckboxInput } from '@/components/ui/checkbox';
 import { api, handleError } from '@/trpc/client';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useRouter } from 'next/navigation';
-import { Controller, useForm } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
 import { toast } from 'sonner';
 import { z } from 'zod';
 
@@ -20,18 +18,11 @@ type EditClientProps = IServiceClient;
 const validator = z.object({
   id: z.string().min(1),
   name: z.string().min(1),
-  cors: z.string().nullable(),
-  crossDomain: z.boolean().optional(),
 });
 
 type IForm = z.infer<typeof validator>;
 
-export default function EditClient({
-  id,
-  name,
-  cors,
-  crossDomain,
-}: EditClientProps) {
+export default function EditClient({ id, name }: EditClientProps) {
   const router = useRouter();
   const { register, handleSubmit, reset, formState, control, setError } =
     useForm<IForm>({
@@ -39,8 +30,6 @@ export default function EditClient({
       defaultValues: {
         id,
         name,
-        cors,
-        crossDomain,
       },
     });
 
@@ -59,81 +48,8 @@ export default function EditClient({
   return (
     <ModalContent>
       <ModalHeader title="Edit client" />
-      <form
-        onSubmit={handleSubmit((values) => {
-          if (!values.cors) {
-            return setError('cors', {
-              type: 'required',
-              message: 'Please add a domain',
-            });
-          }
-
-          mutation.mutate(values);
-        })}
-      >
-        <div className="flex flex-col gap-4">
-          <InputWithLabel
-            label="Name"
-            placeholder="Name"
-            {...register('name')}
-          />
-
-          <Controller
-            name="cors"
-            control={control}
-            render={({ field }) => (
-              <WithLabel
-                label="Domain(s)"
-                error={formState.errors.cors?.message}
-              >
-                <TagInput
-                  {...field}
-                  error={formState.errors.cors?.message}
-                  placeholder="Add a domain"
-                  value={field.value?.split(',') ?? []}
-                  renderTag={(tag) => (tag === '*' ? 'Allow all domains' : tag)}
-                  onChange={(newValue) => {
-                    field.onChange(
-                      newValue
-                        .map((item) => {
-                          const trimmed = item.trim();
-                          if (
-                            trimmed.startsWith('http://') ||
-                            trimmed.startsWith('https://') ||
-                            trimmed === '*'
-                          ) {
-                            return trimmed;
-                          }
-                          return `https://${trimmed}`;
-                        })
-                        .join(','),
-                    );
-                  }}
-                />
-              </WithLabel>
-            )}
-          />
-
-          <Controller
-            name="crossDomain"
-            control={control}
-            render={({ field }) => {
-              return (
-                <CheckboxInput
-                  ref={field.ref}
-                  onBlur={field.onBlur}
-                  defaultChecked={field.value}
-                  onCheckedChange={field.onChange}
-                >
-                  <div>Enable cross domain support</div>
-                  <div className="font-normal text-muted-foreground">
-                    This will let you track users across multiple domains
-                  </div>
-                </CheckboxInput>
-              );
-            }}
-          />
-        </div>
+      <form onSubmit={handleSubmit((values) => mutation.mutate(values))}>
+        <InputWithLabel label="Name" placeholder="Name" {...register('name')} />
         <ButtonContainer>
           <Button type="button" variant="outline" onClick={() => popModal()}>
             Cancel