From 29bce26acb869888c9bbfc71465ddf8aeb62d35c Mon Sep 17 00:00:00 2001
From: HouKunLin <houkunlin@aliyun.com>
Date: Tue, 16 May 2023 16:21:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=BA=95=E9=83=A8?=
 =?UTF-8?q?=E7=89=88=E6=9D=83=E5=8C=BA=E5=9F=9F=EF=BC=8C=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?=20Wrap=20=E7=BB=84=E4=BB=B6=E6=9D=A5=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E9=97=B4=E7=9A=84=E9=97=B4=E9=9A=94=EF=BC=8C?=
 =?UTF-8?q?=E6=8A=8A=E7=BB=93=E6=9D=9F=E5=B9=B4=E4=BB=BD=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E5=BD=93=E5=89=8D=E5=B9=B4=E4=BB=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Footer.tsx | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/Footer.tsx b/src/Footer.tsx
index a8c121e..9f66aba 100644
--- a/src/Footer.tsx
+++ b/src/Footer.tsx
@@ -1,8 +1,9 @@
-import { Center, Flex, Link, Text } from '@chakra-ui/react';
-import { Suspense } from 'react';
+import { Center, Flex, Link, Text, Wrap, WrapItem } from '@chakra-ui/react';
+import { Suspense, useMemo } from 'react';
 import { SDKVersion } from './SDKVersion';
 
 export function Footer() {
+  const year = useMemo(() => new Date().getFullYear(), []);
   return (
     <Center height="footer.container">
       <Center
@@ -18,23 +19,23 @@ export function Footer() {
         flexDir="column"
       >
         <Flex as={Text}>
-          {'音乐解锁 (__APP_VERSION_SHORT__'}
+          音乐解锁 (__APP_VERSION_SHORT__
           <Suspense>
             <SDKVersion />
           </Suspense>
-          {') - 移除已购音乐的加密保护。'}
+          ) - 移除已购音乐的加密保护
         </Flex>
-        <Text>
-          {'Copyright © 2019 - 2023 '}
-          <Link href="https://git.unlock-music.dev/um" isExternal>
-            UnlockMusic 团队
-          </Link>
-          {' | 音乐解锁授权基于'}
-          <Link href="https://git.unlock-music.dev/um/um-react/src/branch/main/LICENSE" isExternal>
-            MIT许可协议
-          </Link>
-          。
-        </Text>
+        <Wrap>
+          <WrapItem>Copyright © 2019 - {year}</WrapItem>
+          <WrapItem>
+            <Link href="https://git.unlock-music.dev/um" isExternal>UnlockMusic 团队</Link>
+          </WrapItem>
+          <WrapItem>|</WrapItem>
+          <WrapItem>音乐解锁授权基于</WrapItem>
+          <WrapItem>
+            <Link href="https://git.unlock-music.dev/um/um-react/src/branch/main/LICENSE" isExternal>MIT许可协议</Link>
+          </WrapItem>
+        </Wrap>
       </Center>
     </Center>
   );