feat: implement mock data for notification page

Author: steveninhle

ui/dashboard/build/DONT-EDIT-FILES-IN-THIS-DIRECTORY

@@ -83,6 +83,7 @@
     "strip-markdown": "^6.0.0",
     "tailwind-merge": "^2.4.0",
     "timeago.js": "^4.0.2",
+    "unist-util-visit": "^5.1.0",
     "web-vitals": "^4.2.3",
     "yup": "^1.7.1"
   },
@@ -102,6 +103,7 @@
     "@typescript-eslint/parser": "^8.60.0",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.5.0",
+    "axios-mock-adapter": "^2.1.0",
     "eslint": "^9.8.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.5.6",

ui/dashboard/package.json

@@ -4,13 +4,21 @@ import { urls } from 'configs';
 import { getTokenStorage, setTokenStorage } from 'storage/token';
 import { refreshTokenFetcher } from './auth';
 import { installCacheInvalidationInterceptor } from './cache-invalidation-interceptor';
+import { installNotificationCenterMockAdapter } from './notification-center/mock-adapter';
 
 let isRefreshing = false;
 
 const axiosClient: AxiosInstance = axios.create({
   baseURL: urls.WEB_API_ENDPOINT
 });
 
+// TEMPORARY: the notification center backend (proto/notification/service.proto)
+// hasn't been implemented yet. This intercepts its endpoints with fake data so
+// the feature can be built against the real request/response shapes ahead of
+// the backend. Remove this call (and @api/notification-center/mock-adapter.ts)
+// once the backend ships — no other file needs to change.
+installNotificationCenterMockAdapter(axiosClient);
+
 axiosClient.interceptors.request.use(
   config => {
     const authToken = getTokenStorage();

ui/dashboard/src/@api/axios-client.ts

@@ -257,6 +257,23 @@ export const URL_TO_KEYS: readonly CacheInvalidationRule[] = [
   {
     match: /\/v1\/team(\?|$)/,
     keys: ['teams', 'accounts', 'audit-logs']
+  },
+
+  // Notification center (create / update / publish / delete)
+  {
+    match: /\/v1\/notification(\/publish)?(\?|$)/,
+    keys: [
+      'notification-feed',
+      'notification-drafts',
+      'notification-unread-count',
+      'audit-logs'
+    ]
+  },
+
+  // Notification center read-state (mark as read / mark all as read)
+  {
+    match: /\/v1\/notifications\/mark_(all_)?as_read(\?|$)/,
+    keys: ['notification-feed', 'notification-unread-count']
   }
 ];
 

ui/dashboard/src/@api/cache-invalidation-map.ts

@@ -0,0 +1,9 @@
+export * from './notifications-fetcher';
+export * from './notification-drafts-fetcher';
+export * from './notification-unread-count-fetcher';
+export * from './notification-creator';
+export * from './notification-updater';
+export * from './notification-publisher';
+export * from './notification-delete';
+export * from './notification-mark-as-read';
+export * from './notification-mark-all-as-read';