tuna2134/cecilia
1
0
Fork 0
mirror of https://github.com/tuna2134/cecilia.git synced 2026-02-06 14:42:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

add sns

Browse Source
This commit is contained in:
tuna2134
2025-04-29 21:44:31 +00:00
parent 22109ff516
commit e743c7436e
3 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/pages/home/header.tsx
View File

@@ -1,4 +1,17 @@
import Image from "next/image"; import Image from "next/image";
import { Github, X } from "iconoir-react";
import Link from "next/link";
const SNSIcons = [
{
url: "https://github.com/tuna2134",
icon: Github,
},
{
url: "https://x.com/@fdc_tuna2134",
icon: X,
},
];
const Header: React.FC = async () => { const Header: React.FC = async () => {
const res = await fetch( const res = await fetch(
@@ -22,6 +35,13 @@ const Header: React.FC = async () => {
className="mb-2 rounded-full" className="mb-2 rounded-full"
/> />
<h1 className="text-2xl font-bold text-center">tuna2134</h1> <h1 className="text-2xl font-bold text-center">tuna2134</h1>
<div className="flex justify-center space-x-2 mt-2">
{SNSIcons.map((sns, key) => (
<Link href={sns.url} key={key}>
<sns.icon height={32} width={32} />
</Link>
))}
</div>
</div> </div>
</header> </header>
); );

1
package.json
View File

@@ -10,6 +10,7 @@
"format": "prettier -w './**/*.{tsx,ts}'" "format": "prettier -w './**/*.{tsx,ts}'"
}, },
"dependencies": { "dependencies": {
"iconoir-react": "^7.11.0",
"next": "15.3.1", "next": "15.3.1",
"react": "^19.0.0", "react": "^19.0.0",
"react-dom": "^19.0.0" "react-dom": "^19.0.0"

12
pnpm-lock.yaml generated
View File

@@ -8,6 +8,9 @@ importers:
.: .:
dependencies: dependencies:
iconoir-react:
specifier: ^7.11.0
version: 7.11.0(react@19.1.0)
next: next:
specifier: 15.3.1 specifier: 15.3.1
version: 15.3.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0) version: 15.3.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@@ -353,6 +356,11 @@ packages:
graceful-fs@4.2.11: graceful-fs@4.2.11:
resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==} resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
iconoir-react@7.11.0:
resolution: {integrity: sha512-uvTKtnHYwbbTsmQ6HCcliYd50WK0GbjP497RwdISxKzfS01x4cK1Mn/F2mT/t2roSaJQ0I+KnHxMcyvmNMXWsQ==}
peerDependencies:
react: 18 || 19
is-arrayish@0.3.2: is-arrayish@0.3.2:
resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==} resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
@@ -765,6 +773,10 @@ snapshots:
graceful-fs@4.2.11: {} graceful-fs@4.2.11: {}
iconoir-react@7.11.0(react@19.1.0):
dependencies:
react: 19.1.0
is-arrayish@0.3.2: is-arrayish@0.3.2:
optional: true optional: true