mirror of
https://github.com/makeplane/plane.git
synced 2026-05-08 17:09:48 -05:00
[WEB-2382]chore:notification snooze modal (#6164)
* modified notification store * notification snooze types fix * handled promise * modified notifications layout * incresed pagination count for notifications
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
"use client";
|
||||
|
||||
// components
|
||||
import { NotificationsSidebar } from "@/plane-web/components/workspace-notifications";
|
||||
import { NotificationsSidebarRoot } from "@/plane-web/components/workspace-notifications";
|
||||
|
||||
export default function ProjectInboxIssuesLayout({ children }: { children: React.ReactNode }) {
|
||||
return (
|
||||
<div className="relative w-full h-full overflow-hidden flex items-center">
|
||||
<NotificationsSidebar />
|
||||
<NotificationsSidebarRoot />
|
||||
<div className="w-full h-full overflow-hidden overflow-y-auto">{children}</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -21,7 +21,7 @@ import { getNumberCount } from "@/helpers/string.helper";
|
||||
// hooks
|
||||
import { useWorkspace, useWorkspaceNotifications } from "@/hooks/store";
|
||||
|
||||
export const NotificationsSidebar: FC = observer(() => {
|
||||
export const NotificationsSidebarRoot: FC = observer(() => {
|
||||
const { workspaceSlug } = useParams();
|
||||
// hooks
|
||||
const { getWorkspaceBySlug } = useWorkspace();
|
||||
@@ -65,7 +65,7 @@ export const NotificationsSidebar: FC = observer(() => {
|
||||
<div
|
||||
key={tab.value}
|
||||
className="h-full px-3 relative cursor-pointer"
|
||||
onClick={()=>handleTabClick(tab.value)}
|
||||
onClick={() => handleTabClick(tab.value)}
|
||||
>
|
||||
<div
|
||||
className={cn(
|
||||
|
||||
+1
-1
@@ -17,7 +17,7 @@ import { getDate } from "@/helpers/date-time.helper";
|
||||
type TNotificationSnoozeModal = {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
onSubmit: (dateTime?: Date | undefined) => Promise<TNotification | undefined>;
|
||||
onSubmit: (dateTime?: Date | undefined) => Promise<void>;
|
||||
};
|
||||
|
||||
type FormValues = {
|
||||
|
||||
+2
-4
@@ -34,25 +34,23 @@ export const NotificationItemSnoozeOption: FC<TNotificationItemSnoozeOption> = o
|
||||
const handleNotificationSnoozeDate = async (snoozeTill: Date | undefined) => {
|
||||
if (snoozeTill) {
|
||||
try {
|
||||
const response = await snoozeNotification(workspaceSlug, snoozeTill);
|
||||
await snoozeNotification(workspaceSlug, snoozeTill);
|
||||
setToast({
|
||||
title: "Success!",
|
||||
message: "Notification snoozed successfully",
|
||||
type: TOAST_TYPE.SUCCESS,
|
||||
});
|
||||
return response;
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
} else {
|
||||
try {
|
||||
const response = await unSnoozeNotification(workspaceSlug);
|
||||
await unSnoozeNotification(workspaceSlug);
|
||||
setToast({
|
||||
title: "Success!",
|
||||
message: "Notification un snoozed successfully",
|
||||
type: TOAST_TYPE.SUCCESS,
|
||||
});
|
||||
return response;
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
|
||||
@@ -62,7 +62,7 @@ export interface IWorkspaceNotificationStore {
|
||||
|
||||
export class WorkspaceNotificationStore implements IWorkspaceNotificationStore {
|
||||
// constants
|
||||
paginatedCount = 30;
|
||||
paginatedCount = 300;
|
||||
// observables
|
||||
loader: TNotificationLoader = undefined;
|
||||
unreadNotificationsCount: TUnreadNotificationsCount = {
|
||||
@@ -84,7 +84,7 @@ export class WorkspaceNotificationStore implements IWorkspaceNotificationStore {
|
||||
read: false,
|
||||
};
|
||||
|
||||
constructor(private store: CoreRootStore) {
|
||||
constructor(protected store: CoreRootStore) {
|
||||
makeObservable(this, {
|
||||
// observables
|
||||
loader: observable.ref,
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
export * from "ce/components/workspace-notifications";
|
||||
@@ -1 +0,0 @@
|
||||
export {NotificationsSidebar} from 'ce/components/workspace-notifications'
|
||||
Reference in New Issue
Block a user