move sdk packages to its own folder and rename api & dashboard

2024-03-11 13:15:44 +01:00
parent 1ca95442b9
commit 6d4f9010d4
318 changed files with 350 additions and 351 deletions
--- a/apps/dashboard/src/modals/ShareOverviewModal.tsx
+++ b/apps/dashboard/src/modals/ShareOverviewModal.tsx
@@ -0,0 +1,97 @@
+'use client';
+
+import { api, handleError } from '@/app/_trpc/client';
+import { ButtonContainer } from '@/components/ButtonContainer';
+import { InputWithLabel } from '@/components/forms/InputWithLabel';
+import { Button } from '@/components/ui/button';
+import { Checkbox } from '@/components/ui/checkbox';
+import { useAppParams } from '@/hooks/useAppParams';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useRouter } from 'next/navigation';
+import { Controller, useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import type { z } from 'zod';
+
+import { zShareOverview } from '@mixan/validation';
+
+import { popModal } from '.';
+import { ModalContent, ModalHeader } from './Modal/Container';
+
+const validator = zShareOverview;
+
+type IForm = z.infer<typeof validator>;
+
+export default function ShareOverviewModal() {
+  const { projectId, organizationId: organizationSlug } = useAppParams();
+  const router = useRouter();
+
+  const { register, handleSubmit, formState, control } = useForm<IForm>({
+    resolver: zodResolver(validator),
+    defaultValues: {
+      public: true,
+      password: '',
+      projectId,
+      organizationId: organizationSlug,
+    },
+  });
+
+  const mutation = api.share.shareOverview.useMutation({
+    onError: handleError,
+    onSuccess(res) {
+      router.refresh();
+      toast('Success', {
+        description: `Your overview is now ${
+          res.public ? 'public' : 'private'
+        }`,
+      });
+      popModal();
+    },
+  });
+
+  return (
+    <ModalContent>
+      <ModalHeader title="Overview access" />
+      <form
+        className="flex flex-col gap-4"
+        onSubmit={handleSubmit((values) => {
+          mutation.mutate(values);
+        })}
+      >
+        <Controller
+          name="public"
+          control={control}
+          render={({ field }) => (
+            <label
+              htmlFor="public"
+              className="flex items-center gap-2 text-sm font-medium leading-none mb-4"
+            >
+              <Checkbox
+                id="public"
+                ref={field.ref}
+                onBlur={field.onBlur}
+                defaultChecked={field.value}
+                onCheckedChange={(checked) => {
+                  field.onChange(checked);
+                }}
+              />
+              Make it public!
+            </label>
+          )}
+        />
+        <InputWithLabel
+          label="Password"
+          placeholder="Make your overview accessable with password"
+          {...register('password')}
+        />
+        <ButtonContainer>
+          <Button type="button" variant="outline" onClick={() => popModal()}>
+            Cancel
+          </Button>
+          <Button type="submit" loading={mutation.isLoading}>
+            Update
+          </Button>
+        </ButtonContainer>
+      </form>
+    </ModalContent>
+  );
+}