[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:
parent
4499a5fa25
commit
666ddf73b6
7 changed files with 10 additions and 12 deletions
|
|
@ -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(
|
||||
|
|
|
|||
|
|
@ -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 = {
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
1
web/ee/components/workspace-notifications/index.ts
Normal file
1
web/ee/components/workspace-notifications/index.ts
Normal file
|
|
@ -0,0 +1 @@
|
|||
export * from "ce/components/workspace-notifications";
|
||||
|
|
@ -1 +0,0 @@
|
|||
export {NotificationsSidebar} from 'ce/components/workspace-notifications'
|
||||
Loading…
Add table
Add a link
Reference in a new issue