feat: Subject Delection Bug (#27)

rameez1010 · web-flow · commit a4ed1d3a715f · 2024-03-06T11:04:58.000+05:30
diff --git a/audire/audire-dashboard/modules/course-subjects/SubjectListView.tsx b/audire/audire-dashboard/modules/course-subjects/SubjectListView.tsx
@@ -3,10 +3,21 @@ import ConfirmDeleteDialog from 'components/ConfirmDeleteDialog';
 import React, { FC, useState } from 'react';
 import SubjectFormDialog from './SubjectFormDialogue';
 
-import { Button, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tooltip, useDisclosure } from '@nextui-org/react';
+import {
+  Button,
+  Table,
+  TableBody,
+  TableCell,
+  TableColumn,
+  TableHeader,
+  TableRow,
+  Tooltip,
+  useDisclosure,
+} from '@nextui-org/react';
 import { CiEdit } from 'react-icons/ci';
 import { IoMdAdd } from 'react-icons/io';
 import { MdDelete } from 'react-icons/md';
+import { Zoom, toast } from 'react-toastify';
 
 import { useSubjectDelete, useSubjects } from '@learning-app/syllabus';
 import CourseStageSelector from 'components/CourseStageSelector';
@@ -97,6 +108,19 @@ const SubjectListView: FC = () => {
               })
               .catch((error) => {
                 console.error('Delete error:', error);
+                if (error.code === '23503') {
+                  toast.error('Please delete the topics under this subject ', {
+                    position: 'bottom-center',
+                    autoClose: 3000,
+                    hideProgressBar: false,
+                    closeOnClick: true,
+                    pauseOnHover: true,
+                    draggable: true,
+                    progress: undefined,
+                    theme: 'colored',
+                    transition: Zoom,
+                  });
+                }
               });
           }
         }}
diff --git a/audire/audire-dashboard/pages/_app.tsx b/audire/audire-dashboard/pages/_app.tsx
@@ -6,6 +6,7 @@ import { NextPage } from 'next';
 import AuthorizedLayout from 'layouts/authorized/AuthorizedLayout';
 import { NextUIProvider } from '@nextui-org/react';
 import { NextSupabaseProvider } from '@learning-app/supabase';
+import { ToastContainer } from 'react-toastify';
 
 export type NextPageWithLayout<P = object, IP = P> = NextPage<P, IP> & {
   getLayout?: (page: ReactElement) => ReactNode;
@@ -25,9 +26,11 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout) {
       <Head>
         <title>Welcome to audire-dashboard!</title>
       </Head>
+
       <NextUIProvider>
         <main className="app">{getLayout(<Component {...pageProps} />)}</main>
       </NextUIProvider>
+      <ToastContainer />
     </NextSupabaseProvider>
   );
 }
diff --git a/audire/audire-dashboard/pages/styles.css b/audire/audire-dashboard/pages/styles.css
@@ -1,3 +1,5 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@import 'react-toastify/dist/ReactToastify.css';
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -31,6 +31,7 @@
     "expo-dev-client": "~2.4.12",
     "expo-linking": "~5.0.2",
     "expo-router": "^2.0.0",
+    "expo-screen-capture": "~5.3.0",
     "expo-screen-orientation": "~6.0.6",
     "expo-splash-screen": "~0.20.5",
     "expo-status-bar": "~1.6.0",
@@ -53,12 +54,12 @@
     "react-native-tab-view": "^3.5.2",
     "react-native-url-polyfill": "^2.0.0",
     "react-native-web": "~0.19.6",
+    "react-toastify": "^10.0.4",
     "swr": "^2.2.4",
     "tslib": "^2.3.0",
     "xstate": "^5.4.1",
     "zod": "^3.22.4",
-    "zod-validation-error": "^2.1.0",
-    "expo-screen-capture": "~5.3.0"
+    "zod-validation-error": "^2.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.14.5",
