feat: user issue notifications (#1523)

* feat: added new issue subscriber table

* dev: notification model

* feat: added CRUD operation for issue subscriber

* Revert "feat: added CRUD operation for issue subscriber"

This reverts commit b22e0625768f0b096b5898936ace76d6882b0736.

* feat: added CRUD operation for issue subscriber

* dev: notification models and operations

* dev: remove delete endpoint response data

* dev: notification endpoints and fix bg worker for saving notifications

* feat: added list and unsubscribe function in issue subscriber

* dev: filter by snoozed and response update for list and permissions

* dev: update issue notifications

* dev: notification  segregation

* dev: update notifications

* dev: notification filtering

* dev: add issue name in notifications

* dev: notification new endpoints

* fix: pushing local settings

* feat: notification workflow setup and made basic UI

* style: improved UX with toast alerts and other interactions

refactor: changed classnames according to new theme structure, changed all icons to material icons

* feat: showing un-read notification count

* feat: not showing 'subscribe' button on issue created by user & assigned to user

not showing 'Create by you' for view & guest of the workspace

---------

Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
Co-authored-by: pablohashescobar <nikhilschacko@gmail.com>

apps/app/helpers/date-time.helper.ts

@@ -92,7 +92,7 @@ export const timeAgo = (time: any) => {
     list_choice = 2;
   }
   var i = 0,
-    format;
+    format: any[];
   while ((format = time_formats[i++]))
     if (seconds < format[0]) {
       if (typeof format[2] == "string") return format[list_choice];
@@ -101,6 +101,35 @@ export const timeAgo = (time: any) => {
   return time;
 };
 
+export const formatDateDistance = (date: string | Date) => {
+  const today = new Date();
+  const eventDate = new Date(date);
+  const timeDiff = Math.abs(eventDate.getTime() - today.getTime());
+  const days = Math.ceil(timeDiff / (1000 * 3600 * 24));
+
+  if (days < 1) {
+    const hours = Math.ceil(timeDiff / (1000 * 3600));
+    if (hours < 1) {
+      const minutes = Math.ceil(timeDiff / (1000 * 60));
+      if (minutes < 1) {
+        return "Just now";
+      } else {
+        return `${minutes}m`;
+      }
+    } else {
+      return `${hours}h`;
+    }
+  } else if (days < 7) {
+    return `${days}d`;
+  } else if (days < 30) {
+    return `${Math.floor(days / 7)}w`;
+  } else if (days < 365) {
+    return `${Math.floor(days / 30)}m`;
+  } else {
+    return `${Math.floor(days / 365)}y`;
+  }
+};
+
 export const getDateRangeStatus = (
   startDate: string | null | undefined,
   endDate: string | null | undefined
@@ -247,3 +276,60 @@ export const renderLongDateFormat = (dateString: string) => {
   }
   return `${day}${suffix} ${monthName} ${year}`;
 };
+
+/**
+ *
+ * @returns {Array} Array of time objects with label and value as keys
+ */
+
+export const getTimestampAfterCurrentTime = (): Array<{
+  label: string;
+  value: Date;
+}> => {
+  const current = new Date();
+  const time = [];
+  for (let i = 0; i < 24; i++) {
+    const newTime = new Date(current.getTime() + i * 60 * 60 * 1000);
+    time.push({
+      label: newTime.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }),
+      value: newTime,
+    });
+  }
+  return time;
+};
+
+/**
+ * @returns {Array} Array of date objects with label and value as keys
+ * @description Returns an array of date objects starting from current date to 7 days after
+ */
+
+export const getDatesAfterCurrentDate = (): Array<{
+  label: string;
+  value: Date;
+}> => {
+  const current = new Date();
+  const date = [];
+  for (let i = 0; i < 7; i++) {
+    const newDate = new Date(Math.round(current.getTime() / (30 * 60 * 1000)) * 30 * 60 * 1000);
+    date.push({
+      label: newDate.toLocaleDateString([], {
+        day: "numeric",
+        month: "long",
+        year: "numeric",
+      }),
+      value: newDate,
+    });
+  }
+  return date;
+};
+
+/**
+ * @returns {boolean} true if date is valid
+ * @description Returns true if date is valid
+ * @param {string} date
+ * @example checkIfStringIsDate("2021-01-01") // true
+ * @example checkIfStringIsDate("2021-01-32") // false
+ */
+
+export const checkIfStringIsDate = (date: string): boolean =>
+  new Date(date).toString() !== "Invalid Date";