feat: tipper limit

public/locales/zh/common.json

@@ -64,5 +64,6 @@
   "Coming soon": "即将推出",
   "What is Mira? Where can I get some?" : "Mira 是什么？我在哪里可以获得？",
   "Tip": "赞赏",
-  "Tip the post: {{name}}": "赞赏文章：{{name}}"
+  "Tip the post: {{name}}": "赞赏文章：{{name}}",
+  "Custom": "自定义"
 }

src/components/common/PatronModal.tsx

@@ -146,7 +146,7 @@ export const PatronModal: React.FC<{
           <div className="text-zinc-500 text-sm mt-2">
             {tips.data?.pages?.[0]?.list?.length ? (
               <>
-                <ul className="grid grid-cols-9">
+                <ul className="grid grid-cols-5 sm:grid-cols-8">
                   {tips.data.pages[0].list?.map((tip, index) => (
                     <li
                       className="inline-flex flex-col items-center"
@@ -170,9 +170,9 @@ export const PatronModal: React.FC<{
                       </CharacterFloatCard>
                       <UniLink
                         href={`${CSB_SCAN}/tx/${tip.transactionHash}`}
-                        className="inline-flex items-center mt-1 text-center"
+                        className="inline-flex items-center mt-1 text-center w-full"
                       >
-                        <span className="text-xs text-zinc-500">
+                        <span className="text-xs text-zinc-500 truncate w-full">
                           {tip.amount} Mira
                         </span>
                       </UniLink>

src/components/ui/BoxRadio.tsx

@@ -23,7 +23,7 @@ export const BoxRadio: React.FC<{
   setValue: Dispatch<SetStateAction<string>>
   items: RadioItem[]
 }> = ({ value, setValue, items }) => {
-  const { t } = useTranslation(["dashboard"])
+  const { t } = useTranslation(["common"])
   const randomId = useMemo(() => nanoid(), [])
   const [isCustom, setIsCustom] = useState(false)
 

src/models/site.model.ts

@@ -557,7 +557,7 @@ export async function getTips(
     toCharacterId: input.toCharacterId,
     tokenAddress: address?.data || "0xAfB95CC0BD320648B3E8Df6223d9CDD05EbeDC64",
     includeMetadata: true,
-    limit: 8,
+    limit: 7,
     cursor: input.cursor,
   })