added toastify

sc4p-backend/package.json

@@ -17,7 +17,7 @@
   "keywords": [],
   "license": "MIT",
   "dependencies": {
-    "@prisma/client": "^5.22.0",
+    "@prisma/client": "^6.3.1",
     "@types/react": "^18.3.11",
     "cors": "^2.8.5",
     "dotenv": "^16.1.4",
@@ -47,6 +47,6 @@
     "prisma": "^5.22.0",
     "ts-jest": "^29.1.0",
     "ts-node": "^10.9.2",
-    "typescript": "<5.1.0"
+    "typescript": "^5.1.0"
   }
 }

sc4p-frontend/package.json

@@ -24,6 +24,7 @@
     "react-icons": "^5.3.0",
     "react-pro-sidebar": "^1.1.0",
     "react-router-dom": "^6.16.0",
+    "react-toastify": "^11.0.3",
     "yup": "^1.3.2"
   },
   "devDependencies": {

sc4p-frontend/src/App.tsx

@@ -18,13 +18,15 @@ import Vets from "./pages/Vets";
 import InitialForm from "./pages/InitialForm";
 import Landing from "./pages/Landing";
 import PetInfo from "./pages/PetInfo";
+import { ToastContainer } from "react-toastify";
 
 // admin routes
 import ManageAdmins from "./pages/admin/ManageAdmins";
 
 export const App: React.FC = () => {
   return (
     <BrowserRouter>
+      <ToastContainer />
       <AuthProvider>
         <Routes>
           {/* Public routes */}

sc4p-frontend/src/components/FormDisplayCard.tsx

@@ -1,5 +1,7 @@
 import React, { useState } from "react";
 import { FiEdit2 } from "react-icons/fi";
+import { ToastContainer, toast } from "react-toastify";
+
 import {
   Card,
   CardHeader,
@@ -72,7 +74,11 @@ const FormDisplayCard: React.FC<FormDisplayCardProps> = ({
   const handleSave = () => {
     // Logic to save the updated data if needed
     setModalOpen(false);
+    notifySave();
   };
+
+  const notifySave = () => toast("Succesfully saved!");
+
   return (
     <>
       <Card
@@ -121,7 +127,7 @@ const FormDisplayCard: React.FC<FormDisplayCardProps> = ({
           ))}
         </CardBody>
       </Card>
-
+      <ToastContainer />
       <Modal isOpen={isModalOpen} onOpenChange={setModalOpen}>
         <ModalContent>
           {(onClose) => (

sc4p-frontend/src/components/InformationCard.tsx

@@ -1,4 +1,6 @@
 import React from "react";
+import { ToastContainer, toast } from "react-toastify";
+
 import {
   Card,
   Button,
@@ -70,6 +72,7 @@ const InformationCard: React.FC<CardType> = ({
     const { name, value } = e.target;
     setFormData((prev) => {
       if (!prev) return undefined;
+
       return {
         ...prev,
         [name]: value,
@@ -81,6 +84,7 @@ const InformationCard: React.FC<CardType> = ({
     if (onUpdate && formData) {
       onUpdate(data.id, formData);
     }
+    notify();
     onClose();
   };
 
@@ -90,6 +94,8 @@ const InformationCard: React.FC<CardType> = ({
     }
   };
 
+  const notify = () => toast("Succesfully saved!");
+
   const getDisplayName = () => {
     if (type === "boarding_facilities") {
       return (data as BoardingFac).contact_name;
@@ -417,9 +423,9 @@ const InformationCard: React.FC<CardType> = ({
             {commonFields}
             <div className="grid grid-cols-2 gap-4">
               <Input
-                label="Cell Phone"
-                name="cell_phone"
-                value={trustee.cell_phone}
+                label="Trustee Name"
+                name="trustee_name"
+                value={trustee.trustee_name}
                 onChange={handleInputChange}
                 className="mb-4"
               />
@@ -430,6 +436,63 @@ const InformationCard: React.FC<CardType> = ({
                 onChange={handleInputChange}
                 className="mb-4"
               />
+              <Input
+                label="Cell Phone"
+                name="cell_phone"
+                value={trustee.cell_phone}
+                onChange={handleInputChange}
+                className="mb-4"
+              />
+              <Input
+                label="Home Phone"
+                name="home_phone"
+                value={trustee.home_phone || ""}
+                onChange={handleInputChange}
+                className="mb-4"
+              />
+              <Input
+                label="Emergency Phone"
+                name="emergency_phone"
+                value={trustee.emergency_phone || ""}
+                onChange={handleInputChange}
+                className="mb-4"
+              />
+              <Input
+                label="Address"
+                name="address"
+                value={trustee.address}
+                onChange={handleInputChange}
+                className="mb-4"
+              />
+              <Input
+                label="City"
+                name="city"
+                value={trustee.city}
+                onChange={handleInputChange}
+                className="mb-4"
+              />
+              <Input
+                label="State"
+                name="state"
+                value={trustee.state}
+                onChange={handleInputChange}
+                className="mb-4"
+              />
+              <Input
+                label="ZIP"
+                name="zip"
+                value={trustee.zip}
+                onChange={handleInputChange}
+                className="mb-4"
+              />
+              <Input
+                label="Allocated Amount"
+                name="allocated_amount"
+                type="number"
+                value={String(trustee.allocated_amount || "")}
+                onChange={handleInputChange}
+                className="mb-4"
+              />
             </div>
           </>
         );
@@ -502,6 +565,7 @@ const InformationCard: React.FC<CardType> = ({
           </ModalFooter>
         </ModalContent>
       </Modal>
+      <ToastContainer />
     </>
   );
 };