CI

.env

@@ -0,0 +1 @@
+NEXT_PUBLIC_PROJECT_ID=2719448e2ce94fdd269a3c8587123bcc

.github/workflows/deploy-dev.yml

@@ -0,0 +1,27 @@
+name: Deploy development
+
+on:
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  deploy-package:
+    name: Deploy package
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: darwinia-network/devops/actions/smart-vercel@main
+        name: Deploy app
+        with:
+          vercel_token: ${{ secrets.VERCEL_TOKEN }}
+          vercel_group: itering
+          preview_output: true
+          alias_domain: "paralink-dev"
+          project_name: "paralink"
+          script_run: false
+          dist_path: .
+          enable_notify_comment: true
+          enable_notify_slack: true
+          slack_channel: public-ringdao-apps
+          slack_webhook: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}

.github/workflows/deploy-prd.yml

@@ -0,0 +1,28 @@
+name: Deploy production
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+
+  deploy-package:
+    name: Deploy package
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: darwinia-network/devops/actions/smart-vercel@main
+        name: Deploy app
+        with:
+          vercel_token: ${{ secrets.VERCEL_TOKEN }}
+          vercel_group: itering
+          preview_output: true
+          prod_mode: true
+          project_name: "paralink"
+          script_run: false
+          dist_path: .
+          enable_notify_slack: true
+          slack_channel: public-ringdao-apps
+          slack_webhook: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}

.github/workflows/deploy-stg.yml

@@ -0,0 +1,27 @@
+name: Deploy staging
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+jobs:
+  deploy-package:
+    name: Deploy package
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: darwinia-network/devops/actions/smart-vercel@main
+        name: Deploy app
+        with:
+          vercel_token: ${{ secrets.VERCEL_TOKEN }}
+          vercel_group: itering
+          preview_output: true
+          alias_domain: "paralink-stg"
+          project_name: "paralink"
+          script_run: false
+          dist_path: .
+          enable_notify_slack: true
+          slack_channel: public-ringdao-apps
+          slack_webhook: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}

.gitignore

@@ -30,7 +30,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # env files (can opt-in for commiting if needed)
-.env*
+# .env*
 
 # vercel
 .vercel

src/app/(dashboard)/page.tsx

@@ -1,4 +1,4 @@
-export const dynamic = 'force-dynamic'
+export const dynamic = 'force-dynamic';
 
 import {
   fetchPolkadotAssetRegistry,
@@ -13,7 +13,6 @@ export default async function Page() {
     fetchChainsInfo(),
     fetchAssetsInfo()
   ]);
-
   return (
     <Dashboard
       polkadotAssetRegistry={polkadotAsset}

src/app/error.tsx

@@ -0,0 +1,9 @@
+'use client';
+
+import ErrorComponent from '@/components/error';
+
+const Error = () => {
+  return <ErrorComponent />;
+};
+
+export default Error;

src/app/not-found.tsx

@@ -0,0 +1,7 @@
+import NotFoundComponent from '@/components/not-found';
+
+const NotFound = () => {
+  return <NotFoundComponent />;
+};
+
+export default NotFound;

src/components/error-display.tsx

@@ -0,0 +1,37 @@
+import Image from 'next/image';
+import { Button } from './ui/button';
+
+interface Props {
+  title: string;
+  message: string;
+  buttonText: string;
+  action: () => void;
+}
+
+const ErrorDisplay = ({ buttonText, action, title, message }: Props) => {
+  return (
+    <div className="flex flex-col items-center justify-center gap-5">
+      <div className="relative h-[12.5rem] w-[14.36225rem] shrink-0 object-contain">
+        <Image alt={title} src="/images/404.svg" width={230} height={200} />
+      </div>
+
+      <div className="flex flex-col items-center justify-center">
+        <h2 className="m-0 text-center text-[3.125rem] font-bold text-foreground">
+          {title}
+        </h2>
+        <p className="m-0 text-center text-[0.875rem] font-bold text-foreground">
+          {message}
+        </p>
+      </div>
+      <Button
+        onClick={action}
+        className="h-[2.125rem] gap-[0.3125rem]"
+        color="primary"
+      >
+        {buttonText}
+      </Button>
+    </div>
+  );
+};
+
+export default ErrorDisplay;

src/components/error.tsx

@@ -0,0 +1,16 @@
+import ErrorDisplay from './error-display';
+
+const Error = () => {
+  return (
+    <div className="flex h-[calc(100vh-var(--header-height)-var(--footer-height))] w-full items-center justify-center">
+      <ErrorDisplay
+        title="Error"
+        message="Sorry, something went wrong"
+        buttonText="Refresh"
+        action={() => window.location.reload()}
+      />
+    </div>
+  );
+};
+
+export default Error;

src/components/not-found.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import ErrorDisplay from './error-display';
+
+const NotFound = () => {
+  const router = useRouter();
+  return (
+    <div className="flex h-[calc(100vh-var(--header-height)-var(--footer-height))] w-full items-center justify-center">
+      <ErrorDisplay
+        title="404"
+        message="Sorry, Page not found"
+        buttonText="Back to home >"
+        action={() => router.push('/')}
+      />
+    </div>
+  );
+};
+
+export default NotFound;