chore: adding suspensive delay to suspense

2026-02-19 00:51:06 -06:00 · 2026-02-18 15:36:49 +07:00
parent 72eb7532aa
commit 9a40c0628f
3 changed files with 37 additions and 20 deletions
--- a/apps/web/modules/ee/analysis/dashboards/pages/dashboard-detail-page.tsx
+++ b/apps/web/modules/ee/analysis/dashboards/pages/dashboard-detail-page.tsx
@@ -1,3 +1,4 @@
+import { Delay } from "@suspensive/react";
 import { notFound } from "next/navigation";
 import { Suspense } from "react";
 import { GoBackButton } from "@/modules/ui/components/go-back-button";
@@ -95,7 +96,12 @@ export async function DashboardDetailPage({
              <div key={widget.id} className={getColSpan(widget.layout.w)}>
                {widget.type === "chart" && widget.chart ? (
                  <DashboardWidget title={widget.title || widget.chart.name || "Widget"}>
-                    <Suspense fallback={<DashboardWidgetSkeleton />}>
+                    <Suspense
+                      fallback={
+                        <Delay ms={200}>
+                          <DashboardWidgetSkeleton />
+                        </Delay>
+                      }>
                      <DashboardWidgetData
                        dataPromise={widgetDataPromises.get(widget.id)!}
                        chartType={widget.chart.type}
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -55,9 +55,9 @@
    "@opentelemetry/sdk-node": "0.211.0",
    "@opentelemetry/sdk-trace-base": "2.5.0",
    "@opentelemetry/semantic-conventions": "1.38.0",
-    "@prisma/instrumentation": "6.14.0",
    "@paralleldrive/cuid2": "2.2.2",
    "@prisma/client": "6.14.0",
+    "@prisma/instrumentation": "6.14.0",
    "@radix-ui/react-accordion": "1.2.10",
    "@radix-ui/react-checkbox": "1.3.1",
    "@radix-ui/react-collapsible": "1.1.10",
@@ -76,6 +76,7 @@
    "@radix-ui/react-toggle-group": "1.1.9",
    "@radix-ui/react-tooltip": "1.2.6",
    "@sentry/nextjs": "10.5.0",
+    "@suspensive/react": "3.19.0",
    "@t3-oss/env-nextjs": "0.13.4",
    "@tailwindcss/forms": "0.5.10",
    "@tailwindcss/typography": "0.5.16",
@@ -83,7 +84,6 @@
    "@ungap/structured-clone": "1.3.0",
    "@vercel/functions": "2.2.8",
    "@vercel/og": "0.8.5",
-    "openai": "^4.0.0",
    "bcryptjs": "3.0.2",
    "boring-avatars": "2.0.1",
    "class-variance-authority": "0.7.1",
@@ -111,6 +111,7 @@
    "next-safe-action": "7.10.8",
    "node-fetch": "3.3.2",
    "nodemailer": "7.0.11",
+    "openai": "^4.0.0",
    "otplib": "12.0.1",
    "papaparse": "5.5.2",
    "prismjs": "1.30.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -28,7 +28,7 @@ importers:
    dependencies:
      next:
        specifier: 16.1.6
-        version: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
      react:
        specifier: 19.2.3
        version: 19.2.3
@@ -297,7 +297,10 @@ importers:
        version: 1.2.6(@types/react-dom@19.2.1(@types/react@19.2.1))(@types/react@19.2.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
      '@sentry/nextjs':
        specifier: 10.5.0
-        version: 10.5.0(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.99.8(esbuild@0.25.12))
+        version: 10.5.0(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.99.8(esbuild@0.25.12))
+      '@suspensive/react':
+        specifier: 3.19.0
+        version: 3.19.0(react@19.2.3)
      '@t3-oss/env-nextjs':
        specifier: 0.13.4
        version: 0.13.4(arktype@2.1.29)(typescript@5.8.3)(zod@3.24.4)
@@ -387,13 +390,13 @@ importers:
        version: 3.0.1
      next:
        specifier: 16.1.6
-        version: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
      next-auth:
        specifier: 4.24.12
-        version: 4.24.12(patch_hash=7ac5717a8d7d2049442182b5d83ab492d33fe774ff51ff5ea3884628b77df87b)(next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(nodemailer@7.0.11)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 4.24.12(patch_hash=7ac5717a8d7d2049442182b5d83ab492d33fe774ff51ff5ea3884628b77df87b)(next@16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(nodemailer@7.0.11)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
      next-safe-action:
        specifier: 7.10.8
-        version: 7.10.8(next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(zod@3.24.4)
+        version: 7.10.8(next@16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(zod@3.24.4)
      node-fetch:
        specifier: 3.3.2
        version: 3.3.2
@@ -5506,6 +5509,11 @@ packages:
  '@streamparser/json@0.0.20':
    resolution: {integrity: sha512-VqAAkydywPpkw63WQhPVKCD3SdwXuihCUVZbbiY3SfSTGQyHmwRoq27y4dmJdZuJwd5JIlQoMPyGvMbUPY0RKQ==}

+  '@suspensive/react@3.19.0':
+    resolution: {integrity: sha512-EzR7KuJj0k8MtS+COcrt7aANh4MLUlA2B1mIZVlPUdUuhFnbU8AvvmG5Knl2e6JFttpZBoB0keUovQxg99EKHA==}
+    peerDependencies:
+      react: ^18 || ^19
+
  '@swc/helpers@0.5.15':
    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}

@@ -17281,7 +17289,7 @@ snapshots:

  '@sentry/core@10.5.0': {}

-  '@sentry/nextjs@10.5.0(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.99.8(esbuild@0.25.12))':
+  '@sentry/nextjs@10.5.0(@opentelemetry/context-async-hooks@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.5.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.5.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.99.8(esbuild@0.25.12))':
    dependencies:
      '@opentelemetry/api': 1.9.0
      '@opentelemetry/semantic-conventions': 1.38.0
@@ -17294,7 +17302,7 @@ snapshots:
      '@sentry/vercel-edge': 10.5.0
      '@sentry/webpack-plugin': 4.6.1(encoding@0.1.13)(webpack@5.99.8(esbuild@0.25.12))
      chalk: 3.0.0
-      next: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      next: 16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
      resolve: 1.22.8
      rollup: 4.54.0
      stacktrace-parser: 0.1.11
@@ -18156,6 +18164,10 @@ snapshots:

  '@streamparser/json@0.0.20': {}

+  '@suspensive/react@3.19.0(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+
  '@swc/helpers@0.5.15':
    dependencies:
      tslib: 2.8.1
@@ -22509,13 +22521,13 @@ snapshots:

  neo-async@2.6.2: {}

-  next-auth@4.24.12(patch_hash=7ac5717a8d7d2049442182b5d83ab492d33fe774ff51ff5ea3884628b77df87b)(next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(nodemailer@7.0.11)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  next-auth@4.24.12(patch_hash=7ac5717a8d7d2049442182b5d83ab492d33fe774ff51ff5ea3884628b77df87b)(next@16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(nodemailer@7.0.11)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
    dependencies:
      '@babel/runtime': 7.28.4
      '@panva/hkdf': 1.2.1
      cookie: 0.7.2
      jose: 4.15.9
-      next: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      next: 16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
      oauth: 0.9.15
      openid-client: 5.7.1
      preact: 10.28.2
@@ -22526,9 +22538,9 @@ snapshots:
    optionalDependencies:
      nodemailer: 7.0.11

-  next-safe-action@7.10.8(next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(zod@3.24.4):
+  next-safe-action@7.10.8(next@16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(zod@3.24.4):
    dependencies:
-      next: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      next: 16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
      react: 19.2.3
      react-dom: 19.2.3(react@19.2.3)
    optionalDependencies:
@@ -22542,7 +22554,7 @@ snapshots:
      postcss: 8.4.31
      react: 19.2.3
      react-dom: 19.2.3(react@19.2.3)
-      styled-jsx: 5.1.6(@babel/core@7.28.5)(react@19.2.3)
+      styled-jsx: 5.1.6(react@19.2.3)
    optionalDependencies:
      '@next/swc-darwin-arm64': 16.0.10
      '@next/swc-darwin-x64': 16.0.10
@@ -22559,7 +22571,7 @@ snapshots:
      - '@babel/core'
      - babel-plugin-macros

-  next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+  next@16.1.6(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
    dependencies:
      '@next/env': 16.1.6
      '@swc/helpers': 0.5.15
@@ -22568,7 +22580,7 @@ snapshots:
      postcss: 8.4.31
      react: 19.2.3
      react-dom: 19.2.3(react@19.2.3)
-      styled-jsx: 5.1.6(@babel/core@7.28.5)(react@19.2.3)
+      styled-jsx: 5.1.6(react@19.2.3)
    optionalDependencies:
      '@next/swc-darwin-arm64': 16.1.6
      '@next/swc-darwin-x64': 16.1.6
@@ -24368,12 +24380,10 @@ snapshots:

  stubborn-utils@1.0.2: {}

-  styled-jsx@5.1.6(@babel/core@7.28.5)(react@19.2.3):
+  styled-jsx@5.1.6(react@19.2.3):
    dependencies:
      client-only: 0.0.1
      react: 19.2.3
-    optionalDependencies:
-      '@babel/core': 7.28.5

  stylis@4.3.6: {}