81 lines
2.0 KiB
TypeScript
81 lines
2.0 KiB
TypeScript
import React from "react";
|
|
import { OutboundLink } from "react-ga";
|
|
import { ArrowElbowDownRight } from "phosphor-react";
|
|
|
|
import "./Links.css";
|
|
|
|
interface LinksProps {}
|
|
|
|
const Links: React.FC<LinksProps> = () => {
|
|
return (
|
|
<div className="links">
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
className="nav-link"
|
|
to="https://phosphoricons.com/assets/phosphor-icons.zip"
|
|
eventLabel="Download all"
|
|
download
|
|
type="application/zip"
|
|
>
|
|
Download all
|
|
</OutboundLink>
|
|
</div>
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
className="nav-link"
|
|
to="#"
|
|
eventLabel="Figma library"
|
|
style={{ textDecoration: "line-through" }}
|
|
>
|
|
Figma library
|
|
</OutboundLink>
|
|
</div>
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
className="nav-link"
|
|
to="https://www.figma.com/community/plugin/892854133443228626/Phosphor-Icons"
|
|
eventLabel="Figma plugin"
|
|
style={{ textDecoration: "line-through" }}
|
|
>
|
|
Figma plugin
|
|
</OutboundLink>
|
|
</div>
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<a
|
|
className="nav-link"
|
|
href="https://github.com/phosphor-icons/phosphor-web/issues"
|
|
>
|
|
Request an icon
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<span>
|
|
<a className="nav-link" href="https://paypal.me/minoraxis">
|
|
Donate on PayPal
|
|
</a>
|
|
{" / "}
|
|
<a className="nav-link" href="https://patreon.com/phosphoricons">
|
|
Patreon
|
|
</a>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<a
|
|
className="nav-link"
|
|
href="https://github.com/phosphor-icons/phosphor-web"
|
|
>
|
|
Github
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Links;
|