42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import React, { FC } from "react";
|
||
import styles from "./global-layout.module.css";
|
||
import Image from "next/image";
|
||
import Link from "next/link";
|
||
import classnames from 'classnames';
|
||
|
||
const fullName = `${process.env.NEXT_PUBLIC_FIRST_NAME} ${process.env.NEXT_PUBLIC_LAST_NAME}`;
|
||
|
||
interface Props {
|
||
className: string;
|
||
}
|
||
|
||
export const GlobalSidebar: FC<Props> = ({className}) => {
|
||
|
||
return (
|
||
<aside className={classnames(className, styles.sidebar)}>
|
||
<img className={styles.avatar} src="/images/avatar.png" />
|
||
<h2 className={styles.name}>{fullName}</h2>
|
||
|
||
<nav className={styles.nav}>
|
||
<ul>
|
||
<Link href="/">
|
||
<li className={styles.navItem}>文章</li>
|
||
</Link>
|
||
<Link href="/tags">
|
||
<li className={styles.navItem}>标签</li>
|
||
</Link>
|
||
<Link href="/about">
|
||
<li className={styles.navItem}>关于</li>
|
||
</Link>
|
||
</ul>
|
||
</nav>
|
||
<footer className={classnames(styles.bio, "md:block hidden")}>
|
||
{"“人造的身体，借来的心”"}
|
||
</footer>
|
||
<footer className={classnames(styles.bio, "md:hidden block")}>
|
||
{"好挤 (#`O′)"}
|
||
</footer>
|
||
</aside>
|
||
);
|
||
};
|