Rename website project dir

src/Website-v1/src/components/EditBeerPostForm.tsx

@@ -0,0 +1,150 @@
+import { FC } from 'react';
+
+import { useRouter } from 'next/router';
+import toast from 'react-hot-toast';
+import { z } from 'zod';
+import { useForm, SubmitHandler } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+
+import EditBeerPostValidationSchema from '@/services/posts/beer-post/schema/EditBeerPostValidationSchema';
+
+import createErrorToast from '@/util/createErrorToast';
+import {
+  sendEditBeerPostRequest,
+  sendDeleteBeerPostRequest,
+} from '@/requests/posts/beer-post';
+import Button from './ui/forms/Button';
+import FormError from './ui/forms/FormError';
+import FormInfo from './ui/forms/FormInfo';
+import FormLabel from './ui/forms/FormLabel';
+import FormSegment from './ui/forms/FormSegment';
+import FormTextArea from './ui/forms/FormTextArea';
+import FormTextInput from './ui/forms/FormTextInput';
+
+type EditBeerPostSchema = z.infer<typeof EditBeerPostValidationSchema>;
+
+interface EditBeerPostFormProps {
+  previousValues: EditBeerPostSchema;
+}
+
+const EditBeerPostForm: FC<EditBeerPostFormProps> = ({ previousValues }) => {
+  const router = useRouter();
+  const { register, handleSubmit, formState } = useForm<EditBeerPostSchema>({
+    resolver: zodResolver(EditBeerPostValidationSchema),
+    defaultValues: previousValues,
+  });
+
+  const { isSubmitting, errors } = formState;
+  const onSubmit: SubmitHandler<EditBeerPostSchema> = async (data) => {
+    try {
+      const loadingToast = toast.loading('Editing beer post...');
+      await sendEditBeerPostRequest({
+        beerPostId: data.id,
+        body: {
+          name: data.name,
+          abv: data.abv,
+          ibu: data.ibu,
+          description: data.description,
+        },
+      });
+      await router.push(`/beers/${data.id}`);
+      toast.success('Edited beer post.');
+      toast.dismiss(loadingToast);
+    } catch (e) {
+      createErrorToast(e);
+      await router.push(`/beers/${data.id}`);
+    }
+  };
+
+  const onDelete = async () => {
+    try {
+      const loadingToast = toast.loading('Deleting beer post...');
+      await sendDeleteBeerPostRequest({ beerPostId: previousValues.id });
+      toast.dismiss(loadingToast);
+      await router.push('/beers');
+      toast.success('Deleted beer post.');
+    } catch (e) {
+      createErrorToast(e);
+      await router.push(`/beers`);
+    }
+  };
+  return (
+    <form className="form-control" onSubmit={handleSubmit(onSubmit)}>
+      <FormInfo>
+        <FormLabel htmlFor="name">Name</FormLabel>
+        <FormError>{errors.name?.message}</FormError>
+      </FormInfo>
+      <FormSegment>
+        <FormTextInput
+          placeholder="Lorem Ipsum Lager"
+          formValidationSchema={register('name')}
+          error={!!errors.name}
+          type="text"
+          id="name"
+          disabled={isSubmitting}
+        />
+      </FormSegment>
+
+      <div className="flex flex-wrap sm:text-xs md:mb-3">
+        <div className="mb-2 w-full md:mb-0 md:w-1/2 md:pr-3">
+          <FormInfo>
+            <FormLabel htmlFor="abv">ABV</FormLabel>
+            <FormError>{errors.abv?.message}</FormError>
+          </FormInfo>
+          <FormTextInput
+            disabled={isSubmitting}
+            placeholder="12"
+            formValidationSchema={register('abv', { valueAsNumber: true })}
+            error={!!errors.abv}
+            type="text"
+            id="abv"
+          />
+        </div>
+        <div className="mb-2 w-full md:mb-0 md:w-1/2 md:pl-3">
+          <FormInfo>
+            <FormLabel htmlFor="ibu">IBU</FormLabel>
+            <FormError>{errors.ibu?.message}</FormError>
+          </FormInfo>
+          <FormTextInput
+            disabled={isSubmitting}
+            placeholder="52"
+            formValidationSchema={register('ibu', { valueAsNumber: true })}
+            error={!!errors.ibu}
+            type="text"
+            id="lastName"
+          />
+        </div>
+      </div>
+
+      <FormInfo>
+        <FormLabel htmlFor="description">Description</FormLabel>
+        <FormError>{errors.description?.message}</FormError>
+      </FormInfo>
+      <FormSegment>
+        <FormTextArea
+          disabled={isSubmitting}
+          placeholder="Ratione cumque quas quia aut impedit ea culpa facere. Ut in sit et quas reiciendis itaque."
+          error={!!errors.description}
+          formValidationSchema={register('description')}
+          id="description"
+          rows={8}
+        />
+      </FormSegment>
+
+      <div className="mt-2 space-y-4">
+        <Button type="submit" isSubmitting={isSubmitting}>
+          {isSubmitting ? 'Submitting...' : 'Submit'}
+        </Button>
+        <button
+          className={`btn btn-primary w-full rounded-xl ${isSubmitting ? 'loading' : ''}`}
+          type="button"
+          onClick={onDelete}
+        >
+          Delete
+        </button>
+      </div>
+    </form>
+  );
+};
+
+export default EditBeerPostForm;