From 8758a330c2e19b4f3bc86d9ec63ed0e7f9eb9312 Mon Sep 17 00:00:00 2001
From: yzhe819 <68207314+yzhe819@users.noreply.github.com>
Date: Fri, 3 Oct 2025 18:12:05 +1300
Subject: [PATCH] add: csb faucet

---
 src/components/common/ClaimCSBButton.tsx | 21 +++++++++++++++++++++
 src/components/common/ConnectButton.tsx  |  9 +++++++++
 src/components/home/HomeSidebar.tsx      |  5 +++++
 src/messages/en.json                     |  4 +++-
 src/messages/ja.json                     |  4 +++-
 src/messages/zh-TW.json                  |  4 +++-
 src/messages/zh.json                     |  4 +++-
 7 files changed, 47 insertions(+), 4 deletions(-)
 create mode 100644 src/components/common/ClaimCSBButton.tsx

diff --git a/src/components/common/ClaimCSBButton.tsx b/src/components/common/ClaimCSBButton.tsx
new file mode 100644
index 00000000..00b12853
--- /dev/null
+++ b/src/components/common/ClaimCSBButton.tsx
@@ -0,0 +1,21 @@
+"use client"
+
+import { useTranslations } from "next-intl"
+
+import { useWalletClaimCSBModal } from "@crossbell/connect-kit"
+
+import { Button } from "~/components/ui/Button"
+
+export function ClaimCSBButton() {
+  const t = useTranslations()
+  const claimCSBModal = useWalletClaimCSBModal()
+  return (
+    <Button
+      onClick={() => claimCSBModal.show()}
+      aria-label="claim csb"
+      isAutoWidth
+    >
+      ⛽ {t("Claim CSB")}
+    </Button>
+  )
+}
diff --git a/src/components/common/ConnectButton.tsx b/src/components/common/ConnectButton.tsx
index f60e8c75..96a1f617 100644
--- a/src/components/common/ConnectButton.tsx
+++ b/src/components/common/ConnectButton.tsx
@@ -276,6 +276,15 @@ export const ConnectButton = ({
             </div>
           }
         ></Menu>
+        <i
+          className={cn(
+            "i-mingcute-currency-euro-line",
+            `${
+              size === "base" ? "size-6 ml-2" : "size-5 ml-1"
+            } text-zinc-500 cursor-pointer hidden sm:block`,
+          )}
+          onClick={() => csbDetailModal.show()}
+        />
         <div className="h-full w-[2px] py-1 ml-2">
           <div className="size-full bg-zinc-200 rounded-full"></div>
         </div>
diff --git a/src/components/home/HomeSidebar.tsx b/src/components/home/HomeSidebar.tsx
index 0d303c9d..dbcec517 100644
--- a/src/components/home/HomeSidebar.tsx
+++ b/src/components/home/HomeSidebar.tsx
@@ -11,6 +11,7 @@ import getQueryClient from "~/lib/query-client"
 import { getShowcase } from "~/queries/home.server"
 import { getBlockNumber } from "~/queries/site.server"
 
+import { ClaimCSBButton } from "../common/ClaimCSBButton"
 import { FollowAllButton } from "../common/FollowAllButton"
 import { BlockNumber } from "./BlockNumber"
 import PromotionLinks from "./PromotionLinks"
@@ -91,6 +92,10 @@ export async function HomeSidebar({ hideSearch }: { hideSearch?: boolean }) {
           </>
         </ShowMoreContainer>
       </div>
+      <div className="text-center text-zinc-700 space-y-3">
+        <p className="font-bold text-lg">{t("Need More CSB?")}</p>
+        <ClaimCSBButton />
+      </div>
     </Hydrate>
   )
 }
diff --git a/src/messages/en.json b/src/messages/en.json
index 7234afb4..831841b7 100644
--- a/src/messages/en.json
+++ b/src/messages/en.json
@@ -117,5 +117,7 @@
   "zh": "Chinese",
   "zh-TW": "Traditional Chinese",
   "Confirmed by {blockNumber} blocks": "Confirmed by {blockNumber} blocks",
-  "Become a patron of {name}": "Become a patron of {name}"
+  "Become a patron of {name}": "Become a patron of {name}",
+  "Need More CSB?": "Need More CSB?",
+  "Claim CSB": "Claim CSB"
 }
diff --git a/src/messages/ja.json b/src/messages/ja.json
index 0a3743f6..dbf6fea6 100644
--- a/src/messages/ja.json
+++ b/src/messages/ja.json
@@ -220,5 +220,7 @@
   "en": "英語",
   "ja": "日本語",
   "zh": "中国語",
-  "zh-TW": "繁体字中国語"
+  "zh-TW": "繁体字中国語",
+  "Need More CSB?": "もっと CSB が必要ですか？",
+  "Claim CSB": "CSB を請求"
 }
diff --git a/src/messages/zh-TW.json b/src/messages/zh-TW.json
index 9cc77985..ad50c8af 100644
--- a/src/messages/zh-TW.json
+++ b/src/messages/zh-TW.json
@@ -411,5 +411,7 @@
   "New Short": "新增圖文",
   "Publishing": "你發佈的內容",
   "Support Markdown": "支援 Markdown 語法",
-  "on-chain posting on": "條鏈上發布於"
+  "on-chain posting on": "條鏈上發布於",
+  "Need More CSB?": "需要更多 CSB？",
+  "Claim CSB": "領取 CSB"
 }
diff --git a/src/messages/zh.json b/src/messages/zh.json
index 31f705a6..35bd3d87 100644
--- a/src/messages/zh.json
+++ b/src/messages/zh.json
@@ -436,5 +436,7 @@
   "zh-TW": "繁体中文",
   "Footer": "页脚",
   "Support Markdown": "支持 Markdown",
-  "on-chain posting on": "条链上发布于"
+  "on-chain posting on": "条链上发布于",
+  "Need More CSB?": "需要更多 CSB？",
+  "Claim CSB": "领取 CSB"
 }