-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathFooter.jsx
135 lines (131 loc) · 6.45 KB
/
Footer.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
import React from 'react';
import { FaCloudflare, FaReact, FaRegCopyright } from 'react-icons/fa';
import { RiTailwindCssFill } from 'react-icons/ri';
import { IconSemiLogo } from '@douyinfe/semi-icons';
import { skipUrl } from '@/config';
const Footer = ({ buildInfo }) => {
const year = new Date().getFullYear();
return (
<>
<footer className="border-t border-gray-700 py-6 text-center text-sm mt-20 bg-gray-800 text-gray-300">
<div className="max-w-4xl mx-auto">
<p className="mb-2 flex items-center justify-center">
<a
href="https://icp.gov.moe/?keyword=20252555"
target="_blank"
className="text-blue-400 hover:underline">
萌ICP备20252555号
</a>
</p>
<p className="mb-2 flex items-center justify-center">
<FaRegCopyright className="mr-1 text-sm" />
2024 - {year}
<a
href={skipUrl.github}
target="_blank"
className="text-blue-400 hover:underline ml-1">
buyfakett
</a>
. All rights reserved.
</p>
<p className="flex flex-wrap justify-center items-center space-x-3">
<span>Powered by</span>
<a
href="https://reactjs.org/"
target="_blank"
className="flex items-center space-x-1 text-blue-400 hover:underline">
<FaReact className="text-cyan-500 text-lg" />
<span>React</span>
</a>
<a
href="https://tailwindcss.com/"
target="_blank"
className="flex items-center space-x-1 text-blue-400 hover:underline">
<RiTailwindCssFill className="text-teal-400 text-lg" />
<span>Tailwind CSS</span>
</a>
<a
href="https://semi.design/zh-CN/"
target="_blank"
className="flex items-center space-x-1 text-blue-400 hover:underline">
<IconSemiLogo className="text-black text-lg" />
<span>Semi Design</span>
</a>
<a
href="https://react-icons.github.io/react-icons/"
target="_blank"
className="flex items-center space-x-1 text-blue-400 hover:underline">
<FaReact className="text-red-500 text-lg" />
<span>React Icons</span>
</a>
<a
href="https://www.cloudflare.com/"
target="_blank"
className="flex items-center space-x-1 text-blue-400 hover:underline">
<FaCloudflare className="text-orange-500 text-lg" />
<span>Cloudflare</span>
</a>
<a
href="https://motion.dev/"
target="_blank"
className="flex items-center space-x-1 text-blue-400 hover:underline">
<img
src="https://img.tteam.icu/i/2024/12/11/lsxlk0-3.webp"
alt="motion"
className="w-4 h-4 rounded-full"
/>
<span>Motion</span>
</a>
<a
href="https://magicui.design/"
target="_blank"
className="flex items-center space-x-1 text-blue-400 hover:underline">
<img
src="https://img.tteam.icu/i/2024/12/11/lwvuhg-3.webp"
alt="magicui"
className="w-4 h-4 rounded-full"
/>
<span>Magic UI</span>
</a>
<a
href="https://rsbuild.dev/zh/index"
target="_blank"
className="flex items-center space-x-1 text-blue-400 hover:underline">
<img
src="https://assets.rspack.dev/rsbuild/rsbuild-logo.svg"
alt="Rsbuild"
className="w-4 h-4 rounded-full"
/>
<span>Rsbuild</span>
</a>
</p>
</div>
{/* 构建信息部分 */}
<div className="mt-4 text-sm text-gray-400">
<p className="font-semibold">构建信息</p>
<div className="flex justify-center space-x-4 mt-2">
<div className="bg-gray-700 px-4 py-2 rounded-md">
<span className="font-medium text-blue-400">
Git Hash:
</span>
<span>{buildInfo.gitHash}</span>
</div>
<div className="bg-gray-700 px-4 py-2 rounded-md">
<span className="font-medium text-blue-400">
提交数:
</span>
<span>{buildInfo.commitCount}</span>
</div>
<div className="bg-gray-700 px-4 py-2 rounded-md">
<span className="font-medium text-blue-400">
Git 分支:
</span>
<span>{buildInfo.gitBranch}</span>
</div>
</div>
</div>
</footer>
</>
);
};
export default Footer;