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