28 lines
922 B
TypeScript
28 lines
922 B
TypeScript
import Icon from "components/Icon";
|
|
import Link from "next/link";
|
|
import styles from "styles/Button.module.sass";
|
|
import { SocialButton } from "utils/types";
|
|
import { useTheme } from 'next-themes'
|
|
|
|
const Button = (props: SocialButton) => {
|
|
const { resolvedTheme: theme } = useTheme()
|
|
|
|
return (
|
|
<>
|
|
<Link href={props.url} target={'_blank'}>
|
|
<a rel={props.platform === "Fediverse" ? "me" : undefined} target={"_blank"}>
|
|
<div data-theme={theme} className={styles.button}>
|
|
<Icon className={styles.icon} icon={props.icon} />
|
|
<div className={styles.platform_username}>
|
|
<p className={styles.platform}>{props.platform}</p>
|
|
<p className={styles.username}> {props.username} </p>
|
|
</div>
|
|
<Icon className={styles.link} icon="arrow-up-right" />
|
|
</div>
|
|
</a>
|
|
</Link>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Button;
|