44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
import { Center, Flex, Link, Text } from '@chakra-ui/react';
|
|
import { Suspense } from 'react';
|
|
import { SDKVersion } from './SDKVersion';
|
|
import { CurrentYear } from './CurrentYear';
|
|
|
|
export function Footer() {
|
|
return (
|
|
<Center height="footer.container">
|
|
<Center
|
|
height="footer.content"
|
|
fontSize="sm"
|
|
textAlign="center"
|
|
position="fixed"
|
|
bottom="0"
|
|
w="full"
|
|
bg="gray.100"
|
|
color="gray.800"
|
|
left="0"
|
|
flexDir="column"
|
|
>
|
|
<Flex as={Text}>
|
|
{'音乐解锁 (__APP_VERSION_SHORT__'}
|
|
<Suspense>
|
|
<SDKVersion />
|
|
</Suspense>
|
|
{') - 移除已购音乐的加密保护。'}
|
|
</Flex>
|
|
<Text>
|
|
{'Copyright © 2019 - '}
|
|
<CurrentYear />{' '}
|
|
<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>
|
|
</Center>
|
|
</Center>
|
|
);
|
|
}
|