feat(admin): adapt new config system (#11360)

feat(server): add test mail api

feat(admin): adapt new config system

packages/frontend/admin/src/modules/about/about.tsx

@@ -0,0 +1,86 @@
+import { buttonVariants } from '@affine/admin/components/ui/button';
+import { Separator } from '@affine/admin/components/ui/separator';
+import { cn } from '@affine/admin/utils';
+import {
+  AlbumIcon,
+  ChevronRightIcon,
+  GithubIcon,
+  MailWarningIcon,
+  UploadCloudIcon,
+} from 'lucide-react';
+import { z } from 'zod';
+
+const appChannelSchema = z.enum(['stable', 'canary', 'beta', 'internal']);
+
+type Channel = z.infer<typeof appChannelSchema>;
+
+const appNames = {
+  stable: 'AFFiNE',
+  canary: 'AFFiNE Canary',
+  beta: 'AFFiNE Beta',
+  internal: 'AFFiNE Internal',
+} satisfies Record<Channel, string>;
+const appName = appNames[BUILD_CONFIG.appBuildType];
+
+const links = [
+  {
+    href: BUILD_CONFIG.githubUrl,
+    icon: <GithubIcon size={20} />,
+    label: 'Star AFFiNE on GitHub',
+  },
+  {
+    href: BUILD_CONFIG.githubUrl,
+    icon: <MailWarningIcon size={20} />,
+    label: 'Report an Issue',
+  },
+  {
+    href: 'https://docs.affine.pro/docs/self-host-affine',
+    icon: <AlbumIcon size={20} />,
+    label: 'Self-host Document',
+  },
+  {
+    href: 'https://affine.pro/pricing',
+    icon: <UploadCloudIcon size={20} />,
+    label: 'Upgrade to Pro',
+  },
+];
+
+export function AboutAFFiNE() {
+  return (
+    <div className="flex flex-col h-full gap-3 py-5 px-6 w-full">
+      <div className="flex items-center">
+        <span className="text-xl font-semibold">About AFFiNE</span>
+      </div>
+      <div className="overflow-y-auto space-y-[10px]">
+        <div className="flex flex-col rounded-md border">
+          {links.map(({ href, icon, label }, index) => (
+            <div key={label + index}>
+              <a
+                className={cn(
+                  buttonVariants({ variant: 'ghost' }),
+                  'justify-between cursor-pointer w-full'
+                )}
+                href={href}
+                target="_blank"
+                rel="noreferrer"
+              >
+                <div className="flex items-center gap-3">
+                  {icon}
+                  <span>{label}</span>
+                </div>
+                <div>
+                  <ChevronRightIcon size={20} />
+                </div>
+              </a>
+              {index < links.length - 1 && <Separator />}
+            </div>
+          ))}
+        </div>
+      </div>
+      <div className="space-y-3 text-sm font-normal text-gray-500">
+        <div>{`App Version: ${appName} ${BUILD_CONFIG.appVersion}`}</div>
+        <div>{`Editor Version: ${BUILD_CONFIG.editorVersion}`}</div>
+      </div>
+    </div>
+  );
+}

packages/frontend/admin/src/modules/about/index.tsx

@@ -0,0 +1,17 @@
+import { ScrollArea } from '@affine/admin/components/ui/scroll-area';
+
+import { Header } from '../header';
+import { AboutAFFiNE } from './about';
+
+export function ConfigPage() {
+  return (
+    <div className=" h-screen flex-1 space-y-1 flex-col flex">
+      <Header title="Server" />
+      <ScrollArea>
+        <AboutAFFiNE />
+      </ScrollArea>
+    </div>
+  );
+}
+
+export { ConfigPage as Component };