fix: minor ui fixes (#203)

* feat: added user auth

* fix: minor ui fixes

* refactor: removed unnecessary functions

* fix: build errors

apps/app/components/project/issues/BoardView/state/confirm-state-delete.tsx

@@ -8,16 +8,18 @@ import useSWR, { mutate } from "swr";
 import { Dialog, Transition } from "@headlessui/react";
 // icons
 import { ExclamationTriangleIcon } from "@heroicons/react/24/outline";
-// types
-import type { IState } from "types";
 // services
 import stateServices from "services/state.service";
 import issuesServices from "services/issues.service";
+// hooks
+import useToast from "hooks/use-toast";
 // ui
 import { Button } from "components/ui";
 // helpers
 import { groupBy } from "helpers/array.helper";
-// fetch api
+// types
+import type { IState } from "types";
+// fetch-keys
 import { STATE_LIST, PROJECT_ISSUES_LIST } from "constants/fetch-keys";
 
 type Props = {
@@ -33,6 +35,8 @@ const ConfirmStateDeletion: React.FC<Props> = ({ isOpen, onClose, data }) => {
   const router = useRouter();
   const { workspaceSlug, projectId } = router.query;
 
+  const { setToastAlert } = useToast();
+
   const { data: issues } = useSWR(
     workspaceSlug && projectId
       ? PROJECT_ISSUES_LIST(workspaceSlug as string, projectId as string)
@@ -61,6 +65,12 @@ const ConfirmStateDeletion: React.FC<Props> = ({ isOpen, onClose, data }) => {
           false
         );
         handleClose();
+
+        setToastAlert({
+          title: "Success",
+          type: "success",
+          message: "State deleted successfully",
+        });
       })
       .catch((error) => {
         console.log(error);
@@ -78,7 +88,7 @@ const ConfirmStateDeletion: React.FC<Props> = ({ isOpen, onClose, data }) => {
     <Transition.Root show={isOpen} as={React.Fragment}>
       <Dialog
         as="div"
-        className="relative z-10"
+        className="relative z-20"
         initialFocus={cancelButtonRef}
         onClose={handleClose}
       >
@@ -94,7 +104,7 @@ const ConfirmStateDeletion: React.FC<Props> = ({ isOpen, onClose, data }) => {
           <div className="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" />
         </Transition.Child>
 
-        <div className="fixed inset-0 z-10 overflow-y-auto">
+        <div className="fixed inset-0 z-20 overflow-y-auto">
           <div className="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
             <Transition.Child
               as={React.Fragment}

apps/app/components/project/issues/BoardView/state/create-update-state-inline.tsx

@@ -2,20 +2,24 @@ import React, { useEffect } from "react";
 
 import { mutate } from "swr";
 
+// react-hook-form
 import { useForm, Controller } from "react-hook-form";
-
+// react-color
 import { TwitterPicker } from "react-color";
-
+// headless ui
 import { Popover, Transition } from "@headlessui/react";
-// constants
-import type { IState } from "types";
-import { GROUP_CHOICES } from "constants/";
-import { STATE_LIST } from "constants/fetch-keys";
 // services
 import stateService from "services/state.service";
+// hooks
+import useToast from "hooks/use-toast";
 // ui
 import { Button, Input, Select } from "components/ui";
 // types
+import type { IState } from "types";
+// fetch-keys
+import { STATE_LIST } from "constants/fetch-keys";
+// constants
+import { GROUP_CHOICES } from "constants/";
 
 type Props = {
   workspaceSlug?: string;
@@ -40,6 +44,8 @@ export const CreateUpdateStateInline: React.FC<Props> = ({
   onClose,
   selectedGroup,
 }) => {
+  const { setToastAlert } = useToast();
+
   const {
     register,
     handleSubmit,
@@ -81,6 +87,12 @@ export const CreateUpdateStateInline: React.FC<Props> = ({
         .then((res) => {
           mutate<IState[]>(STATE_LIST(projectId), (prevData) => [...(prevData ?? []), res]);
           handleClose();
+
+          setToastAlert({
+            title: "Success",
+            type: "success",
+            message: "State created successfully",
+          });
         })
         .catch((err) => {
           Object.keys(err).map((key) => {
@@ -95,16 +107,14 @@ export const CreateUpdateStateInline: React.FC<Props> = ({
           ...payload,
         })
         .then((res) => {
-          mutate<IState[]>(STATE_LIST(projectId), (prevData) => {
-            const newData = prevData?.map((item) => {
-              if (item.id === res.id) {
-                return res;
-              }
-              return item;
-            });
-            return newData;
-          });
+          mutate(STATE_LIST(projectId));
           handleClose();
+
+          setToastAlert({
+            title: "Success",
+            type: "success",
+            message: "State updated successfully",
+          });
         })
         .catch((err) => {
           Object.keys(err).map((key) => {