From 3b8af39b660f5e0778b9637c70b81d34b815ef13 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Mon, 24 Jul 2023 20:28:13 +0800
Subject: [PATCH] feat: x icon

---
 src/components/icons/platform/XIcon.tsx    | 18 ++++++++++++++++++
 src/components/widgets/home/SocialIcon.tsx |  4 ++++
 2 files changed, 22 insertions(+)
 create mode 100644 src/components/icons/platform/XIcon.tsx

diff --git a/src/components/icons/platform/XIcon.tsx b/src/components/icons/platform/XIcon.tsx
new file mode 100644
index 0000000000..71c2bf58cd
--- /dev/null
+++ b/src/components/icons/platform/XIcon.tsx
@@ -0,0 +1,18 @@
+export const XIcon = () => {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      aria-hidden="true"
+      className="p-1 text-[#d6d9db]"
+      width="1em"
+      height="1em"
+    >
+      <g>
+        <path
+          d="M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0"
+          className="fill-current stroke-current"
+        />
+      </g>
+    </svg>
+  )
+}
diff --git a/src/components/widgets/home/SocialIcon.tsx b/src/components/widgets/home/SocialIcon.tsx
index 5033b7712a..d425e7cac5 100644
--- a/src/components/widgets/home/SocialIcon.tsx
+++ b/src/components/widgets/home/SocialIcon.tsx
@@ -4,6 +4,7 @@ import type { ReactNode } from 'react'
 
 import { BilibiliIcon } from '~/components/icons/platform/BilibiliIcon'
 import { NeteaseCloudMusicIcon } from '~/components/icons/platform/NeteaseIcon'
+import { XIcon } from '~/components/icons/platform/XIcon'
 import { MotionButtonBase } from '~/components/ui/button'
 import { FloatPopover } from '~/components/ui/float-popover'
 
@@ -26,6 +27,8 @@ const type2Copy = {
   qq: 'QQ',
   wechat: '微信',
   weibo: '微博',
+
+  x: 'X',
 } as any
 const icons = new Set(Object.keys(type2Copy))
 
@@ -45,6 +48,7 @@ const iconSet: Record<
     '#1DA1F2',
     (id) => `https://twitter.com/${id}`,
   ],
+  x: ['x', <XIcon />, 'rgba(36,46,54,1.00)', (id) => `https://x.com/${id}`],
   telegram: [
     'Telegram',
     <i className="icon-[mingcute--telegram-line]" />,