louiscklaw/lettersoup-online
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build ok,

Browse Source
This commit is contained in:
louiscklaw
2025-04-14 10:50:36 +08:00
parent 35e6ca56b9
commit b8e72de968
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
002_source/cms/src/components/dashboard/layout/notifications-popover.tsx
View File

@@ -15,6 +15,7 @@ import { ChatText as ChatTextIcon } from '@phosphor-icons/react/dist/ssr/ChatTex
import { EnvelopeSimple as EnvelopeSimpleIcon } from '@phosphor-icons/react/dist/ssr/EnvelopeSimple'; import { EnvelopeSimple as EnvelopeSimpleIcon } from '@phosphor-icons/react/dist/ssr/EnvelopeSimple';
import { User as UserIcon } from '@phosphor-icons/react/dist/ssr/User'; import { User as UserIcon } from '@phosphor-icons/react/dist/ssr/User';
import { X as XIcon } from '@phosphor-icons/react/dist/ssr/X'; import { X as XIcon } from '@phosphor-icons/react/dist/ssr/X';
import { useTranslation } from 'react-i18next';
import { dayjs } from '@/lib/dayjs'; import { dayjs } from '@/lib/dayjs';
@@ -73,6 +74,7 @@ export function NotificationsPopover({
onRemoveOne, onRemoveOne,
open = false, open = false,
}: NotificationsPopoverProps): React.JSX.Element { }: NotificationsPopoverProps): React.JSX.Element {
const { t } = useTranslation();
return ( return (
<Popover <Popover
anchorEl={anchorEl} anchorEl={anchorEl}
@@ -83,8 +85,8 @@ export function NotificationsPopover({
transformOrigin={{ horizontal: 'right', vertical: 'top' }} transformOrigin={{ horizontal: 'right', vertical: 'top' }}
> >
<Stack direction="row" spacing={2} sx={{ alignItems: 'center', justifyContent: 'space-between', px: 3, py: 2 }}> <Stack direction="row" spacing={2} sx={{ alignItems: 'center', justifyContent: 'space-between', px: 3, py: 2 }}>
<Typography variant="h6">Notifications</Typography> <Typography variant="h6">{t('Notifications')}</Typography>
<Tooltip title="Mark all as read"> <Tooltip title={t('Mark all as read')}>
<IconButton edge="end" onClick={onMarkAllAsRead}> <IconButton edge="end" onClick={onMarkAllAsRead}>
<EnvelopeSimpleIcon /> <EnvelopeSimpleIcon />
</IconButton> </IconButton>
@@ -92,7 +94,7 @@ export function NotificationsPopover({
</Stack> </Stack>
{notifications.length === 0 ? ( {notifications.length === 0 ? (
<Box sx={{ p: 2 }}> <Box sx={{ p: 2 }}>
<Typography variant="subtitle2">There are no notifications</Typography> <Typography variant="subtitle2">{t('There are no notifications')}</Typography>
</Box> </Box>
) : ( ) : (
<Box sx={{ maxHeight: '270px', overflowY: 'auto' }}> <Box sx={{ maxHeight: '270px', overflowY: 'auto' }}>