refactor: batch 1

src/components/Footer.tsx

@@ -1,45 +1,28 @@
-import { Center, Flex, Link, Text } from '@chakra-ui/react';
-import { Suspense } from 'react';
 import { SDKVersion } from './SDKVersion';
 import { CurrentYear } from './CurrentYear';
 
 export function Footer() {
+  const appVersionShort = '__APP_VERSION_SHORT__';
   return (
-    <Center
-      fontSize="sm"
-      textAlign="center"
-      bottom="0"
-      w="full"
-      pt="3"
-      pb="3"
-      borderTop="1px solid"
-      borderColor="gray.300"
-      bg="gray.100"
-      color="gray.800"
-      flexDir="column"
-      flexShrink={0}
-    >
-      <Flex as={Text}>
-        <Link href="https://git.unlock-music.dev/um/um-react" isExternal>
+    <footer className="flex flex-col text-center p-4 bg-base-200">
+      <p className="flex flex-row justify-center items-center h-[1em]">
+        <a className="link link-info mr-1" href="https://git.unlock-music.dev/um/um-react">
           音乐解锁
-        </Link>
-        {' (__APP_VERSION_SHORT__'}
-        <Suspense>
-          <SDKVersion />
-        </Suspense>
-        {') - 移除已购音乐的加密保护。'}
-      </Flex>
-      <Text>
+        </a>
+        (v{appVersionShort}
+        <SDKVersion />) - 移除已购音乐的加密保护。
+      </p>
+      <p>
         {'© 2019 - '}
         <CurrentYear />{' '}
-        <Link href="https://git.unlock-music.dev/um" isExternal>
+        <a className="link link-info" href="https://git.unlock-music.dev/um">
           UnlockMusic 团队
-        </Link>
+        </a>
         {' | '}
-        <Link href="https://git.unlock-music.dev/um/um-react/src/branch/main/LICENSE" isExternal>
+        <a className="link link-info" href="https://git.unlock-music.dev/um/um-react/src/branch/main/LICENSE">
           使用 MIT 授权协议
-        </Link>
-      </Text>
-    </Center>
+        </a>
+      </p>
+    </footer>
   );
 }