Revize ed410564

Administation page finished
re #9818

frontend/src/features/Administration/UserDetail.tsx

@@ -5 +5 @@
     Paper,
     Typography,
     FormGroup,
-    FormControlLabel, Container
+    FormControlLabel
 } from '@mui/material'
 import React, {Fragment, useEffect, useState} from 'react'
 import axiosInstance from "../../api/api"
@@ -14 +14 @@
 import ClearIcon from "@mui/icons-material/Clear"
 import CheckIcon from '@mui/icons-material/Check';
 import {useDispatch, useSelector} from "react-redux"
-import {fetchUsers, savePermissions} from "./userDetailThunks"
+import {deleteUser, savePermissions} from "./userDetailThunks"
 import {RootState} from "../redux/store"
 import {setSelectedUserPermissions} from "./userDetailSlice"
 
 export interface UserDetailProps {
-    user: UserDto,
-    onClose: () => void
+    user: UserDto
 }
 
 const UserDetail = (props: UserDetailProps) => {
-    const selectedUser = useSelector((state: RootState) => state.usersDetail.selectedUser)
+    const selectedUser: UserDto | undefined = useSelector((state: RootState) => state.usersDetail.selectedUser)
     const [canRead, setCanRead] = useState(selectedUser?.permissions?.canRead)
     const [canWrite, setCanWrite] = useState(selectedUser?.permissions?.canWrite)
     const [canDelete, setCanDelete] = useState(selectedUser?.permissions?.canDelete)
@@ -69 +68 @@
     }
 
 
-    const deleteUser = async () => {
-        const { data, status } = await axiosInstance.delete(
-            `/users/${selectedUser?.email}`
-        )
-        if (status !== 200) {
-            // TODO dodělat zpracování erroru
-            return
-        }
-        props.onClose();
+    const prepareDeleteUser = async () => {
+        dispatch(deleteUser())
     }
 
     const prepareSavePermissions = () => {
         dispatch(setSelectedUserPermissions({canRead: canRead, canWrite: canWrite, canDelete: canDelete}))
         dispatch(savePermissions())
-        dispatch(fetchUsers())
     }
 
     return (
@@ -139 +130 @@
                 <Button startIcon={<ClearIcon />}
                         variant="contained"
                         color="primary"
-                        onClick={deleteUser}
+                        onClick={prepareDeleteUser}
                         sx={{ m: 2 }} >
                     Delete
                 </Button>