feat(support): support me component to add support for SOL currency and related icons

Author: mk965

components/author/support-me.tsx

@@ -3,6 +3,18 @@ import { SUPPORTERS } from '~/data/supporters'
 import { Image } from '~/components/ui/image'
 import clsx from 'clsx'
 import { EyeClosedIcon } from 'lucide-react'
+import Solana from '~/icons/solana.svg'
+
+const getCurrencySymbol = (currency: string) => {
+  switch (currency) {
+    case 'CNY':
+      return '¥'
+    case 'USD':
+      return '$'
+    case 'SOL':
+      return <Solana className="mr-[2px] mt-[-2px] inline-block h-4 w-4" />
+  }
+}
 
 export function SupportMe({ className }: { className?: string }) {
   const supportersSort = SUPPORTERS.sort((a, b) => {
@@ -61,7 +73,7 @@ export function SupportMe({ className }: { className?: string }) {
                 )}
                 {supporter.amount && supporter.currency && (
                   <span className="ml-2 font-medium text-green-600 dark:text-green-400">
-                    {supporter.currency === 'CNY' ? '¥' : '$'}
+                    {getCurrencySymbol(supporter.currency)}
                     {supporter.amount}
                   </span>
                 )}

components/ui/brand.tsx

@@ -59,6 +59,7 @@ import Commitlint from '~/icons/commitlint.svg'
 import Html from '~/icons/html5.svg'
 import Postcss from '~/icons/postcss.svg'
 import Env from '~/icons/env.svg'
+import Solana from '~/icons/solana.svg'
 
 export const BrandsMap: Record<
   string,
@@ -311,6 +312,10 @@ export const BrandsMap: Record<
     Icon: Apple,
     url: 'https://www.apple.com/ios',
   },
+  Solana: {
+    Icon: Solana,
+    url: 'https://sloana.com/',
+  },
 }
 
 export function Brand(props: {

data/supporters.ts

@@ -1,7 +1,7 @@
 export interface Supporter {
   name?: string
   amount?: number
-  currency?: 'CNY' | 'USD'
+  currency?: 'CNY' | 'USD' | 'SOL'
   date: string
   message?: string
   via: 'Ko-fi' | 'WeChat' | 'Other'

icons/solana.svg

@@ -2,10 +2,10 @@
   "2023": 1,
   "2024": 1,
   "fe": 13,
-  "react": 3,
-  "react-router-dom": 1,
   "javascript": 6,
   "flat": 1,
+  "react": 3,
+  "react-router-dom": 1,
   "vue": 5,
   "vue3": 2,
   "deno": 1,
@@ -26,12 +26,12 @@
   "effects-video": 1,
   "webgl": 2,
   "canvas": 2,
+  "record-screen": 1,
+  "html2canvas": 1,
   "video": 1,
   "android": 1,
   "webview": 2,
-  "visualization": 1,
-  "record-screen": 1,
-  "html2canvas": 1,
+  "visualization": 2,
   "life": 4,
   "year-end": 2,
   "summary": 2,
@@ -41,16 +41,19 @@
   "collect": 1,
   "optimization": 1,
   "webworker": 1,
-  "travel": 1,
-  "japan": 1,
   "blog": 1,
   "code-life": 1,
+  "travel": 1,
+  "japan": 1,
   "ai": 4,
-  "deepseek": 1,
+  "mcp": 3,
   "llm": 4,
+  "deepseek": 1,
   "ollama": 1,
   "dify": 1,
-  "mcp": 3,
+  "test": 1,
+  "mermaid": 1,
+  "markdown": 2,
   "typescript": 3,
   "string": 1,
   "casing": 1,
@@ -70,7 +73,6 @@
   "spotify-api": 1,
   "ios": 1,
   "swiftui": 1,
-  "markdown": 1,
   "code-block": 1,
   "syntax": 1,
   "npm": 1,