Add components for Act management and integrate Electron setup

components/book/settings/DeleteBook.tsx

@@ -0,0 +1,90 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import {faTrash} from "@fortawesome/free-solid-svg-icons";
+import React, {useContext, useState} from "react";
+import System from "@/lib/models/System";
+import {SessionContext} from "@/context/SessionContext";
+import {BookProps} from "@/lib/models/Book";
+import {LangContext, LangContextProps} from "@/context/LangContext";
+import {AlertContext, AlertContextProps} from "@/context/AlertContext";
+import AlertBox from "@/components/AlertBox";
+
+interface DeleteBookProps {
+    bookId: string;
+}
+
+export default function DeleteBook({bookId}: DeleteBookProps) {
+    const {session, setSession} = useContext(SessionContext);
+    const {lang} = useContext<LangContextProps>(LangContext)
+    const [showConfirmBox, setShowConfirmBox] = useState<boolean>(false);
+    const {errorMessage} = useContext<AlertContextProps>(AlertContext)
+    
+    function handleConfirmation(): void {
+        setShowConfirmBox(true);
+    }
+
+    async function handleDeleteBook(): Promise<void> {
+        try {
+            const response: boolean = await System.authDeleteToServer<boolean>(
+                `book/delete`,
+                {
+                    id: bookId,
+                },
+                session.accessToken,
+                lang
+            );
+            if (response) {
+                setShowConfirmBox(false);
+                const updatedBooks: BookProps[] = (session.user?.books || []).reduce((acc: BookProps[], book: BookProps): BookProps[] => {
+                    if (book.bookId !== bookId) {
+                        acc.push({...book});
+                    }
+                    return acc;
+                }, []);
+                if (!response) {
+                    errorMessage("Une erreur est survenue lors de la suppression du livre.");
+                    return;
+                }
+                const updatedUser = {
+                    ...(JSON.parse(JSON.stringify(session.user))),
+                    books: updatedBooks
+                };
+                
+                const newSession = {
+                    ...JSON.parse(JSON.stringify(session)),
+                    user: updatedUser,
+                    isConnected: true,
+                    accessToken: session.accessToken
+                };
+                
+                setSession(newSession);
+                
+                setTimeout((): void => {
+                    setSession({...newSession});
+                }, 0);
+            }
+        } catch (e: unknown) {
+            if (e instanceof Error) {
+                errorMessage(e.message)
+            } else {
+                errorMessage("Une erreur inconnue est survenue lors de la suppression du livre.");
+            }
+        }
+    }
+
+    return (
+        <>
+            <button onClick={handleConfirmation}
+                    className="text-muted hover:text-error hover:bg-error/10 transition-all duration-200 p-2 rounded-lg hover:scale-110">
+                <FontAwesomeIcon icon={faTrash} className={'w-5 h-5'}/>
+            </button>
+            {
+                showConfirmBox && (
+                    <AlertBox title={'Suppression du livre'}
+                              message={'Vous être sur le point de supprimer votre livre définitivement.'} type={"danger"}
+                              onConfirm={handleDeleteBook} onCancel={() => setShowConfirmBox(false)}
+                              confirmText={'Supprimer'} cancelText={'Annuler'}/>
+                )
+            }
+        </>
+    )
+}