s

app/digital/components/Community.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { useState } from "react";
 import { Link, useTranslation } from "@/app/digital/i18n/navigation";
 import type { ResourceData } from "@/app/digital/lib/theme-data";
 import { useCrossSiteUrls } from "@/app/digital/lib/useCrossSiteUrls";
@@ -30,13 +29,19 @@ const linkIconNames: Record<string, IconName> = {
   unmannedLive: "video",
 };
 
+const topicHrefs: Record<(typeof topicKeys)[number], string> = {
+  indieDev: "/ebook",
+  aiAgent: "/#tools",
+  cloudPhone: "/ebook",
+  unmannedLive: "/ebook",
+};
+
 type CommunityProps = {
   resourceData?: ResourceData;
 };
 
 export default function Community({ resourceData }: CommunityProps) {
   const { t } = useTranslation("community");
-  const [toast, setToast] = useState(false);
   const { meetupUrl, vipUrl } = useCrossSiteUrls();
   const linkHrefs: Record<string, { href: string; newTab?: boolean }> = {
     destinations: { href: meetupUrl, newTab: true },
@@ -44,11 +49,6 @@ export default function Community({ resourceData }: CommunityProps) {
     appDownload: { href: "/app" },
   };
 
-  const showUpdating = () => {
-    setToast(true);
-    setTimeout(() => setToast(false), 2000);
-  };
-
   const renderCardContent = (key: string) => (
     <>
       <span className="dn-icon-box flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-slate-50 text-xl dark:bg-slate-800">
@@ -101,18 +101,17 @@ export default function Community({ resourceData }: CommunityProps) {
           })}
         </div>
 
-        {/* 4 个专题 - 小卡片，暂不可点击 */}
+        {/* 4 个专题 */}
         <div className="mt-8">
           <h3 className="mb-4 text-center text-sm font-semibold uppercase tracking-wider text-slate-500 dark:text-slate-400">
             {t("topicTag")}
           </h3>
           <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
             {topicKeys.map((key) => (
-              <button
+              <Link
                 key={key}
-                type="button"
-                onClick={showUpdating}
-                className="dn-card dn-muted-card flex cursor-not-allowed items-start gap-4 rounded-xl border border-slate-200 bg-slate-50/80 p-4 opacity-90 transition-opacity hover:opacity-100 dark:border-slate-700 dark:bg-slate-800/60"
+                href={topicHrefs[key]}
+                className="dn-card dn-muted-card flex items-start gap-4 rounded-xl border border-slate-200 bg-slate-50/80 p-4 opacity-90 transition-all hover:opacity-100 dark:border-slate-700 dark:bg-slate-800/60"
               >
                 <span className="dn-icon-box flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-slate-200 text-lg dark:bg-slate-700">
                   <DigitalThemeIcon
@@ -124,24 +123,14 @@ export default function Community({ resourceData }: CommunityProps) {
                 <div className="min-w-0 flex-1 text-left">
                   <h4 className="font-bold text-slate-700 dark:text-slate-300">{t(`links.${key}.title`)}</h4>
                   <p className="mt-0.5 text-xs text-slate-500 dark:text-slate-400">{t(`links.${key}.desc`)}</p>
-                  <span className="mt-1.5 inline-block text-xs font-medium text-amber-600 dark:text-amber-400">
-                    {t("updating")}
+                  <span className="dn-text-link mt-1.5 inline-block text-xs font-medium text-sky-600">
+                    {t(`links.${key}.label`)}
                   </span>
                 </div>
-              </button>
+              </Link>
             ))}
           </div>
         </div>
-
-        {/* 更新中 Toast */}
-        {toast && (
-          <div
-            className="fixed bottom-8 left-1/2 z-50 -translate-x-1/2 rounded-lg bg-slate-800 px-6 py-3 text-sm font-medium text-white shadow-lg dark:bg-slate-700"
-            role="alert"
-          >
-            {t("updating")}
-          </div>
-        )}
       </div>
     </section>
   );