gitscope
/
← marzneshin / app/dashboard/src/components/header/index.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/index.tsx · v0.1.0
Source
1 a47eb4c Dawsh 2y ago import {
2 a47eb4c Dawsh 2y ago Box,
3 a47eb4c Dawsh 2y ago HStack,
4 a47eb4c Dawsh 2y ago Text,
5 bf7c131 Mardin 2y ago } from '@chakra-ui/react';
6 5825ea4 Mardin 2y ago import { useDashboard } from 'stores';
7 5825ea4 Mardin 2y ago import { FC, ReactNode } from 'react';
8 bf7c131 Mardin 2y ago import { useTranslation } from 'react-i18next';
9 5825ea4 Mardin 2y ago import { Language } from 'components/language';
10 5825ea4 Mardin 2y ago import { ThemeToggle } from 'components/theme-toggler';
11 a47eb4c Dawsh 2y ago
12 a47eb4c Dawsh 2y ago type HeaderProps = {
13 a47eb4c Dawsh 2y ago actions?: ReactNode;
14 a47eb4c Dawsh 2y ago };
15 a47eb4c Dawsh 2y ago
16 5825ea4 Mardin 2y ago import { GithubMenuButton } from './github-button';
17 5825ea4 Mardin 2y ago import { HeaderMenu } from './menu';
18 a47eb4c Dawsh 2y ago
19 bf7c131 Mardin 2y ago export const Header: FC<HeaderProps> = () => {
20 5825ea4 Mardin 2y ago const { activePage, } = useDashboard();
21 a47eb4c Dawsh 2y ago const { t } = useTranslation();
22 a47eb4c Dawsh 2y ago return (
23 a47eb4c Dawsh 2y ago <HStack
24 a47eb4c Dawsh 2y ago gap={2}
25 a47eb4c Dawsh 2y ago justifyContent="space-between"
26 a47eb4c Dawsh 2y ago __css={{
27 bf7c131 Mardin 2y ago '& .menuList': {
28 bf7c131 Mardin 2y ago direction: 'ltr',
29 a47eb4c Dawsh 2y ago },
30 a47eb4c Dawsh 2y ago }}
31 5825ea4 Mardin 2y ago bg='white'
32 5825ea4 Mardin 2y ago _dark={{ bg: 'dark-bg' }}
33 5825ea4 Mardin 2y ago p="6"
34 5825ea4 Mardin 2y ago borderBottom={'1px solid gray.600'}
35 5825ea4 Mardin 2y ago position="sticky"
36 63b702d Mardin 2y ago alignItems="center"
37 5825ea4 Mardin 2y ago zIndex={999}
38 5825ea4 Mardin 2y ago top={0}
39 a47eb4c Dawsh 2y ago >
40 112aaed Mardin 2y ago <Text as="h1" fontWeight="bold" fontSize="2xl" m="0">
41 5825ea4 Mardin 2y ago {t(activePage.name)}
42 a47eb4c Dawsh 2y ago </Text>
43 63b702d Mardin 2y ago <Box css={{ direction: 'ltr' }}>
44 a47eb4c Dawsh 2y ago <HStack alignItems="center">
45 63b702d Mardin 2y ago <GithubMenuButton />
46 a47eb4c Dawsh 2y ago <Language />
47 bedeeff Mardin 2y ago <ThemeToggle />
48 63b702d Mardin 2y ago <HeaderMenu />
49 a47eb4c Dawsh 2y ago </HStack>
50 a47eb4c Dawsh 2y ago </Box>
51 a47eb4c Dawsh 2y ago </HStack>
52 a47eb4c Dawsh 2y ago );
53 a47eb4c Dawsh 2y ago };