make footer social icons FooterLinks (#84)

* make footer social icons `FooterLink`s

* no any

* fix outdated github links
This commit is contained in:
matt 2022-05-04 13:14:21 -05:00 committed by GitHub
parent 30e9df507f
commit 3de127535f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -9,7 +9,7 @@ import {
Twitch
} from '@icons-pack/react-simple-icons';
function FooterLink(props: { children: string; link: string }) {
function FooterLink(props: { children: string | JSX.Element; link: string }) {
return (
<a href={props.link} target="_blank" className="text-gray-300 hover:text-white">
{props.children}
@ -27,24 +27,24 @@ export function Footer() {
<h3 className="mb-1 text-xl font-bold">Spacedrive</h3>
<p className="text-sm text-gray-350">&copy; Copyright 2022 Jamie Pine</p>
<div className="flex flex-row mt-6 mb-10 space-x-3">
<a href="https://twitter.com/spacedriveapp" target="_blank">
<FooterLink link="https://twitter.com/spacedriveapp">
<Twitter />
</a>
<a href="https://discord.gg/gTaF2Z44f5" target="_blank">
</FooterLink>
<FooterLink link="https://discord.gg/gTaF2Z44f5">
<Discord />
</a>
<a href="https://instagram.com/spacedriveapp" target="_blank">
</FooterLink>
<FooterLink link="https://instagram.com/spacedriveapp">
<Instagram />
</a>
<a href="https://github.com/spacedriveapp" target="_blank">
</FooterLink>
<FooterLink link="https://github.com/spacedriveapp">
<Github />
</a>
<a href="https://opencollective.com/spacedrive" target="_blank">
</FooterLink>
<FooterLink link="https://opencollective.com/spacedrive">
<Opencollective />
</a>
<a href="https://twitch.tv/jamiepinelive" target="_blank">
</FooterLink>
<FooterLink link="https://twitch.tv/jamiepinelive">
<Twitch />
</a>
</FooterLink>
</div>
</div>