fix(mainapp): use the Alert widget with the ProfilesTable component

souslesens · Feb 28, 2025 · 5669948 · 5669948 · github-actions · Feb 28, 2025
1 parent bb209b8
commit 5669948
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/mainapp/src/Component/ProfilesTable.tsx b/mainapp/src/Component/ProfilesTable.tsx
@@ -1,5 +1,6 @@
 import { useState, useMemo, useReducer, useEffect, ChangeEvent, forwardRef, Ref, Dispatch, MouseEventHandler } from "react";
 import {
+    Alert,
     Box,
     Button,
     Checkbox,
@@ -77,9 +78,9 @@ const ProfilesTable = () => {
                 </Box>
             ),
             failure: (msg: string) => (
-                <Box sx={{ display: "flex", justifyContent: "center", p: 4 }}>
-                    ,<p>{`I stumbled into this error when I tried to fetch data: ${msg}. Please, reload this page.`}</p>
-                </Box>
+                <Alert variant="filled" severity="error" sx={{ m: 4 }}>
+                    {`I stumbled into this error when I tried to fetch data: ${msg}. Please, reload this page.`}
+                </Alert>
             ),
             success: (gotProfiles: Profile[]) => {
                 const datas = gotProfiles.map((profile) => {