bro-js/journal.pl
bro-js/journal.pl
7
1
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Добавлен компонент Portal для меню редактирования и удаления уроков в LessonList, что улучшает отображение и взаимодействие с меню.

Browse Source
This commit is contained in:
Primakov Alexandr Alexandrovich 2025-03-24 16:18:20 +03:00
parent b070af3188
commit 0861d667b1
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/lesson-list/lesson-list.tsx
View File

@ -29,6 +29,7 @@ import {
MenuList, MenuList,
MenuItem, MenuItem,
useColorMode, useColorMode,
Portal,
} from '@chakra-ui/react' } from '@chakra-ui/react'
import { AddIcon, EditIcon } from '@chakra-ui/icons' import { AddIcon, EditIcon } from '@chakra-ui/icons'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
@ -527,20 +528,22 @@ const LessonList = () => {
> >
{t('journal.pl.edit')} {t('journal.pl.edit')}
</MenuButton> </MenuButton>
<MenuList> <Portal>
<MenuItem <MenuList zIndex={1000}>
onClick={() => handleEditLesson(lesson)} <MenuItem
icon={<EditIcon />} onClick={() => handleEditLesson(lesson)}
> icon={<EditIcon />}
{t('journal.pl.edit')} >
</MenuItem> {t('journal.pl.edit')}
<MenuItem </MenuItem>
onClick={() => setlessonToDelete(lesson)} <MenuItem
color="red.500" onClick={() => setlessonToDelete(lesson)}
> color="red.500"
{t('journal.pl.delete')} >
</MenuItem> {t('journal.pl.delete')}
</MenuList> </MenuItem>
</MenuList>
</Portal>
</Menu> </Menu>
)} )}
</Flex> </Flex>