fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: project select in the boards row

Browse Source
This commit is contained in:
AlexSserb
2025-08-19 18:11:17 +04:00
parent 179b89c786
commit de7e334453
4 changed files with 26 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/app/deals/components/shared/Header/Header.tsx
View File

@ -22,13 +22,18 @@ const Header = () => {
return (
<Group
w={"100%"}
gap={0}
justify={"end"}
wrap={"nowrap"}
pr={"md"}>
wrap={"nowrap"}>
<Boards />
<ProjectSelect
data={projects}
value={selectedProject}
onChange={value => value && setSelectedProject(value)}
style={{
borderBottom: "solid gray 2px",
paddingBottom: 5,
}}
/>
</Group>
);
@ -36,19 +41,22 @@ const Header = () => {
const getMobileHeader = () => {
return (
<Group justify={"space-between"}>
<Box
p={"md"}
onClick={() => setIsProjectsDrawerOpened(true)}>
<IconChevronLeft />
</Box>
<Text>{selectedProject?.name}</Text>
<Box
p={"md"}
onClick={() => setIsEditorDrawerOpened(true)}>
<IconSettings />
</Box>
</Group>
<>
<Group justify={"space-between"}>
<Box
p={"md"}
onClick={() => setIsProjectsDrawerOpened(true)}>
<IconChevronLeft />
</Box>
<Text>{selectedProject?.name}</Text>
<Box
p={"md"}
onClick={() => setIsEditorDrawerOpened(true)}>
<IconSettings />
</Box>
</Group>
<Boards />
</>
);
};
@ -60,7 +68,6 @@ const Header = () => {
gap={0}
w={"100%"}>
{isMobile ? getMobileHeader() : getDesktopHeader()}
<Boards />
</Stack>
</Group>
);