Merge branch 'display-privilegies' into 'dev'

fix: privileges displayed

See merge request frontend/admin!31

src/pages/Setting/ListPrivilegie.tsx

@@ -1,16 +1,33 @@
-import { Typography } from "@mui/material";
-import { СardPrivilegie } from "./CardPrivilegie";
+import { useEffect } from "react";
+
 import { usePrivilegeStore } from "@root/stores/privilegesStore";
+import { requestPrivilegies } from "@root/services/privilegies.service";
+
+import { СardPrivilegie } from "./CardPrivilegie";
 
 export default function ListPrivilegie() {
-  const privileges = usePrivilegeStore().privileges;
+  const privileges = usePrivilegeStore((state) => state.privileges);
 
+  useEffect(() => {
+    requestPrivilegies();
+  }, []);
 
   return (
     <>
-      {privileges.map(({ name, type, price, description, value, privilegeId, serviceKey, id, amount }) => (
+      {privileges.map(
+        ({
+          name,
+          type,
+          price,
+          description,
+          value,
+          privilegeId,
+          serviceKey,
+          id,
+          amount,
+        }) => (
           <СardPrivilegie
-            key={id}
+            key={privilegeId}
             name={name}
             type={type}
             amount={1}
@@ -20,8 +37,8 @@ export default function ListPrivilegie() {
             serviceKey={serviceKey}
             description={description}
           />
-        ))
-      }
+        )
+      )}
     </>
   );
 }