Initial commit

2025-03-12 17:54:16 +04:00
commit b6d8a3cebd
254 changed files with 29963 additions and 0 deletions
--- a/front/src/components/core/UserPopover.js
+++ b/front/src/components/core/UserPopover.js
@@ -0,0 +1,92 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Divider from '@mui/material/Divider';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import MenuItem from '@mui/material/MenuItem';
+import MenuList from '@mui/material/MenuList';
+import Popover from '@mui/material/Popover';
+import Typography from '@mui/material/Typography';
+import {SignOut as SignOutIcon} from '@phosphor-icons/react/dist/ssr/SignOut';
+import {logger} from "../../lib/DefaultLogger";
+import {useAuth} from "../../hooks/useAuth";
+import {authClient} from "../../lib/clients/AuthClient";
+import {useLocation} from "react-router-dom";
+import {useUser} from "../../hooks/useUser";
+
+export function UserPopover({anchorEl, onClose, open}) {
+    const {checkSession} = useAuth();
+    const {user, session} = useUser();
+
+    const location = useLocation();
+
+    const handleSignOut = React.useCallback(async () => {
+        try {
+            const {error} = await authClient.signOut();
+
+            if (error) {
+                logger.error('Sign out error', error);
+                return;
+            }
+
+            // Refresh the auth state
+            await checkSession?.();
+
+            // UserProvider, for this case, will not refresh the router and we need to do it manually
+            window.location.reload();
+            // After refresh, AuthGuard will handle the redirect
+        } catch (err) {
+            logger.error('Sign out error', err);
+        }
+    }, [checkSession, location]);
+
+    return (
+        <Popover
+            anchorEl={anchorEl}
+            anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+            onClose={onClose}
+            open={open}
+            slotProps={{paper: {sx: {width: '240px'}}}}
+        >
+            <Box sx={{p: '16px 20px '}}>
+                {userDescriptor(user, session)}
+            </Box>
+            <Divider/>
+            <MenuList disablePadding sx={{p: '8px', '& .MuiMenuItem-root': {borderRadius: 1}}}>
+                {/*<MenuItem component={'a'} href={paths.dashboard.settings} onClick={onClose}>*/}
+                {/*    <ListItemIcon>*/}
+                {/*        <GearSixIcon fontSize="var(--icon-fontSize-md)"/>*/}
+                {/*    </ListItemIcon>*/}
+                {/*    Настройки*/}
+                {/*</MenuItem>*/}
+                {/*<MenuItem component={'a'} href={paths.dashboard.account} onClick={onClose}>*/}
+                {/*    <ListItemIcon>*/}
+                {/*        <UserIcon fontSize="var(--icon-fontSize-md)"/>*/}
+                {/*    </ListItemIcon>*/}
+                {/*    Профиль*/}
+                {/*</MenuItem>*/}
+                <MenuItem onClick={handleSignOut}>
+                    <ListItemIcon>
+                        <SignOutIcon fontSize="var(--icon-fontSize-md)"/>
+                    </ListItemIcon>
+                    Выход
+                </MenuItem>
+            </MenuList>
+        </Popover>
+    );
+}
+
+function userDescriptor(user, session) {
+    if (!user) {
+        return (<Typography variant="subtitle1">Ошибка загрузки данных</Typography>);
+    }
+
+    const open = (session.isActive && user.invited) ? "открыт" : "закрыт";
+
+    return (
+        <>
+            <Typography variant="subtitle1">{user.name + " " + user.lastName}</Typography>
+            <Typography color="text.secondary" variant="body2">{user.id}</Typography>
+            <Typography color="text.secondary" variant="body2">{`Бар ${open}`}</Typography>
+        </>
+    );
+}