gitscope
/
← marzneshin / app/dashboard/src/components/header/menu.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
app/dashboard/src/components/header/menu.tsx · v0.1.2
Source
1 5825ea4 Mardin 2y ago import {
2 5825ea4 Mardin 2y ago IconButton,
3 5825ea4 Mardin 2y ago Menu,
4 5825ea4 Mardin 2y ago MenuButton,
5 5825ea4 Mardin 2y ago MenuItem,
6 5825ea4 Mardin 2y ago chakra,
7 5825ea4 Mardin 2y ago MenuList,
8 5825ea4 Mardin 2y ago } from '@chakra-ui/react';
9 5825ea4 Mardin 2y ago import { DONATION_URL } from 'constants/Project'
10 5825ea4 Mardin 2y ago import {
11 5825ea4 Mardin 2y ago ArrowLeftStartOnRectangleIcon,
12 5825ea4 Mardin 2y ago Bars3Icon,
13 5825ea4 Mardin 2y ago CurrencyDollarIcon,
14 5825ea4 Mardin 2y ago } from '@heroicons/react/24/outline';
15 5825ea4 Mardin 2y ago import { FC } from 'react';
16 5825ea4 Mardin 2y ago import { Link } from 'react-router-dom';
17 5825ea4 Mardin 2y ago import { useTranslation } from 'react-i18next';
18 5825ea4 Mardin 2y ago
19 5825ea4 Mardin 2y ago const iconProps = {
20 5825ea4 Mardin 2y ago baseStyle: {
21 5825ea4 Mardin 2y ago w: 4,
22 5825ea4 Mardin 2y ago h: 4,
23 5825ea4 Mardin 2y ago },
24 5825ea4 Mardin 2y ago };
25 5825ea4 Mardin 2y ago
26 5825ea4 Mardin 2y ago const SettingsIcon = chakra(Bars3Icon, iconProps);
27 5825ea4 Mardin 2y ago const LogoutIcon = chakra(ArrowLeftStartOnRectangleIcon, iconProps);
28 5825ea4 Mardin 2y ago const DonationIcon = chakra(CurrencyDollarIcon, iconProps);
29 5825ea4 Mardin 2y ago
30 5825ea4 Mardin 2y ago type HeaderMenuProps = {};
31 5825ea4 Mardin 2y ago
32 5825ea4 Mardin 2y ago export const HeaderMenu: FC<HeaderMenuProps> = () => {
33 5825ea4 Mardin 2y ago const { t } = useTranslation('header');
34 5825ea4 Mardin 2y ago return (
35 5825ea4 Mardin 2y ago <Menu>
36 5825ea4 Mardin 2y ago <MenuButton
37 5825ea4 Mardin 2y ago as={IconButton}
38 5825ea4 Mardin 2y ago size="sm"
39 5825ea4 Mardin 2y ago variant="outline"
40 5825ea4 Mardin 2y ago icon={<SettingsIcon />}
41 5825ea4 Mardin 2y ago position="relative"
42 5825ea4 Mardin 2y ago ></MenuButton>
43 5825ea4 Mardin 2y ago <MenuList minW="170px" zIndex={99999} className="menuList">
44 5825ea4 Mardin 2y ago <Link to={DONATION_URL} target="_blank">
45 5825ea4 Mardin 2y ago <MenuItem
46 5825ea4 Mardin 2y ago maxW="170px"
47 5825ea4 Mardin 2y ago fontSize="sm"
48 5825ea4 Mardin 2y ago icon={<DonationIcon />}
49 5825ea4 Mardin 2y ago position="relative"
50 5825ea4 Mardin 2y ago >
51 5825ea4 Mardin 2y ago {t('donation')}{' '}
52 5825ea4 Mardin 2y ago </MenuItem>
53 5825ea4 Mardin 2y ago </Link>
54 5825ea4 Mardin 2y ago <Link to="/login">
55 5825ea4 Mardin 2y ago <MenuItem maxW="170px" fontSize="sm" icon={<LogoutIcon />}>
56 5825ea4 Mardin 2y ago {t('logout')}
57 5825ea4 Mardin 2y ago </MenuItem>
58 5825ea4 Mardin 2y ago </Link>
59 5825ea4 Mardin 2y ago </MenuList>
60 5825ea4 Mardin 2y ago </Menu>
61 5825ea4 Mardin 2y ago )
62 5825ea4 Mardin 2y ago }