thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

[WEB-1117] chore: add tool tip for Snooze under Notification Panel. (#4377)

Browse Source
This commit is contained in:
Prateek Shourya 2024-05-07 14:08:02 +05:30 committed by GitHub
parent 780b239ecb
commit a46eccf300
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 41 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/notifications/notification-card.tsx
View File

@ -23,7 +23,6 @@ import { replaceUnderscoreIfSnakeCase, truncateText, stripAndTruncateHTML } from
import { useEventTracker } from "@/hooks/store"; import { useEventTracker } from "@/hooks/store";
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";
type NotificationCardProps = { type NotificationCardProps = {
selectedTab: NotificationType; selectedTab: NotificationType;
notification: IUserNotification; notification: IUserNotification;
@ -381,13 +380,14 @@ export const NotificationCard: React.FC<NotificationCardProps> = (props) => {
</button> </button>
</Tooltip> </Tooltip>
))} ))}
<Tooltip tooltipContent="Snooze" isMobile={isMobile}>
<CustomMenu <CustomMenu
className="flex items-center" className="flex items-center"
customButton={ customButton={
<Tooltip tooltipContent="Snooze" isMobile={isMobile}>
<div className="flex w-full items-center gap-x-2 rounded bg-custom-background-80 p-0.5 text-sm hover:bg-custom-background-100"> <div className="flex w-full items-center gap-x-2 rounded bg-custom-background-80 p-0.5 text-sm hover:bg-custom-background-100">
<Clock className="h-3.5 w-3.5 text-custom-text-300" /> <Clock className="h-3.5 w-3.5 text-custom-text-300" />
</div> </div>
</Tooltip>
} }
optionsClassName="!z-20" optionsClassName="!z-20"
> >
@ -420,7 +420,6 @@ export const NotificationCard: React.FC<NotificationCardProps> = (props) => {
</CustomMenu.MenuItem> </CustomMenu.MenuItem>
))} ))}
</CustomMenu> </CustomMenu>
</Tooltip>
</div> </div>
</Link> </Link>
); );