refactor: 优化组件国际化实现

- 将客户端组件改为服务端组件，使用 getTranslations - LocaleSwitcher 简化为接收 switchUrl prop - ProjectCard/ProjectList/ExternalLinkCard 等组件支持 i18n - 优化 webhook 去重查询，关联 links 数据 - 移除 ProjectDetail 中的客户端交互逻辑（ShareButtons 暂时禁用） 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-29 19:58:23 +08:00
parent 6303fd7ae6
commit 3869bb23bb
10 changed files with 143 additions and 93 deletions
@@ -0,0 +1,52 @@
+'use client'
+
+interface ShareButtonsProps {
+  displayName: string
+}
+
+export function ShareButtons({ displayName }: ShareButtonsProps) {
+  const handleShare = () => {
+    const url = encodeURIComponent(window.location.href)
+    const text = encodeURIComponent(`Check out ${displayName} on Agent Park`)
+    window.open(`https://twitter.com/intent/tweet?url=${url}&text=${text}`, '_blank')
+  }
+
+  const handleCopyLink = () => {
+    navigator.clipboard.writeText(window.location.href)
+  }
+
+  return (
+    <div className="mt-12 pt-8 border-t border-gray-300 dark:border-gray-700 flex flex-col sm:flex-row justify-between items-center gap-6">
+      <div className="flex gap-4">
+        <button
+          className="p-2 border border-black dark:border-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+          title="Share on X"
+          onClick={handleShare}
+          id="share-button"
+          name="share"
+        >
+          <span className="material-icons text-lg">share</span>
+        </button>
+        <button
+          className="p-2 border border-black dark:border-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
+          title="Copy Link"
+          onClick={handleCopyLink}
+          id="copy-link-button"
+          name="copyLink"
+        >
+          <span className="material-icons text-lg">link</span>
+        </button>
+      </div>
+      <div className="flex items-center gap-2">
+        <span className="text-sm font-display font-bold text-gray-500">DID THIS AGENT HELP YOU?</span>
+        <button
+          className="px-4 py-2 bg-primary text-black font-display font-bold text-xs uppercase border border-black hover:bg-yellow-400 transition-colors shadow-[2px_2px_0px_0px_rgba(0,0,0,1)] active:shadow-none active:translate-x-[2px] active:translate-y-[2px]"
+          id="feedback-button"
+          name="feedback"
+        >
+          Yes, it rocks
+        </button>
+      </div>
+    </div>
+  )
+}