github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: fetching notification only when popover is open (#1706)

Browse Source
This commit is contained in:
Dakshesh Jain 2023-07-30 02:05:30 +05:30 committed by GitHub
parent e0affa21c4
commit 35bb71303e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 129 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/app/components/notifications/notification-popover.tsx
View File

@ -45,6 +45,7 @@ export const NotificationPopover = () => {
isLoadingMore,
hasMore,
isRefreshing,
setFetchNotifications,
} = useUserNotification();
// theme context
@ -66,7 +67,10 @@ export const NotificationPopover = () => {
}}
/>
<Popover className="relative w-full">
{({ open: isActive, close: closePopover }) => (
{({ open: isActive, close: closePopover }) => {
if (isActive) setFetchNotifications(true);
return (
<>
<Tooltip
tooltipContent="Notifications"
@ -189,7 +193,8 @@ export const NotificationPopover = () => {
</Popover.Panel>
</Transition>
</>
)}
);
}}
</Popover>
</>
);

4
apps/app/hooks/use-user-notifications.tsx
View File

@ -25,6 +25,7 @@ const useUserNotification = () => {
const [snoozed, setSnoozed] = useState<boolean>(false);
const [archived, setArchived] = useState<boolean>(false);
const [readNotification, setReadNotification] = useState<boolean>(false);
const [fetchNotifications, setFetchNotifications] = useState<boolean>(false);
const [selectedNotificationForSnooze, setSelectedNotificationForSnooze] = useState<string | null>(
null
);
@ -49,7 +50,7 @@ const useUserNotification = () => {
isValidating,
mutate: notificationMutate,
} = useSWRInfinite(
workspaceSlug
fetchNotifications && workspaceSlug
? (index, prevData) =>
getPaginatedNotificationKey(index, prevData, workspaceSlug.toString(), params)
: () => null,
@ -282,6 +283,7 @@ const useUserNotification = () => {
isLoadingMore,
hasMore,
isRefreshing,
setFetchNotifications,
};
};