added delete to modals, pending new getFunctions for the dashboard for the backend call

Author: sylee212

client/src/components/ui/card_organization_inventory_details_modal.tsx

@@ -18,6 +18,8 @@ Key components
 import Link from "next/link";
 import React from "react";
 
+import { deleteItemClean } from "./backend/organization_clean_backend_calls";
+
 // Define the shape of the data this modal expects
 // id? means optional
 interface Inventory_Details_Interface {
@@ -104,6 +106,13 @@ const Inventory_Details_Modal: React.FC<Inventory_Details_Modal_Interface> = ({
           >
             <div className="modal-action-button secondary">Modify</div>
           </Link>
+
+          <button
+            onClick={() => deleteItemClean(itemData.id || 0)}
+            className="modal-action-button secondary"
+          >
+            Delete
+          </button>
         </div>
       </div>
     </div>

client/src/components/ui/card_organization_member_details_modal.tsx

@@ -15,8 +15,11 @@ Key components
 3. The overlay component itself
 */
 
+import Link from "next/dist/client/link";
 import React from "react";
 
+import { deleteItemClean } from "./backend/organization_clean_backend_calls";
+
 // Define the shape of the data this modal expects
 // id? means optional
 export interface Member_Details_Interface {
@@ -105,6 +108,28 @@ export const Member_Details_Modal: React.FC<Member_Details_Modal_Interface> = ({
             </ul>
           </div>
         </div>
+
+        {/* NEW ACTION BUTTONS */}
+        <div className="modal-actions">
+          <Link
+            href={{
+              pathname: "/organization_add_member",
+              query: {
+                mode: "modify",
+                data: JSON.stringify(itemData),
+              },
+            }}
+          >
+            <div className="modal-action-button secondary">Modify</div>
+          </Link>
+
+          <button
+            onClick={() => deleteItemClean(itemData.id || 0)}
+            className="modal-action-button secondary"
+          >
+            Delete
+          </button>
+        </div>
       </div>
     </div>
   );