116 lines
2.8 KiB
TypeScript
116 lines
2.8 KiB
TypeScript
import { ArrowElbowDownRight } from "@phosphor-icons/react";
|
|
|
|
import { iconCount } from "@/lib/icons";
|
|
import OutboundLink from "@/components/OutboundLink";
|
|
|
|
import "./Links.css";
|
|
|
|
interface LinksProps {}
|
|
|
|
const Links = (_: LinksProps) => {
|
|
return (
|
|
<div className="links">
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
className="nav-link"
|
|
href="https://phosphoricons.com/assets/phosphor-icons.zip"
|
|
eventLabel="Download all"
|
|
download
|
|
type="application/zip"
|
|
>
|
|
Download all ({iconCount})
|
|
</OutboundLink>
|
|
</div>
|
|
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<span>
|
|
<OutboundLink
|
|
href="https://www.figma.com/community/plugin/898620911119764089/Phosphor-Icons"
|
|
eventLabel="Figma plugin"
|
|
>
|
|
Figma plugin
|
|
</OutboundLink>
|
|
{" / "}
|
|
<OutboundLink
|
|
href="https://www.figma.com/community/file/903830135544202908/Phosphor-Icons"
|
|
eventLabel="Figma library"
|
|
>
|
|
library
|
|
</OutboundLink>
|
|
</span>
|
|
</div>
|
|
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
href="https://phosphoricons.com/assets/phosphor-icons.sketchplugin.zip"
|
|
eventLabel="Download sketch plugin"
|
|
download
|
|
type="application/zip"
|
|
>
|
|
Sketch plugin
|
|
</OutboundLink>
|
|
</div>
|
|
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
href="https://play.phosphoricons.com"
|
|
eventLabel="Showcase"
|
|
>
|
|
Showcase
|
|
</OutboundLink>
|
|
</div>
|
|
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
href="https://github.com/phosphor-icons/homepage"
|
|
eventLabel="GitHub"
|
|
>
|
|
GitHub
|
|
</OutboundLink>
|
|
</div>
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
href="https://github.com/phosphor-icons/homepage/issues"
|
|
eventLabel="Request"
|
|
>
|
|
Request an icon
|
|
</OutboundLink>
|
|
</div>
|
|
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<span>
|
|
<OutboundLink href="https://paypal.me/minoraxis" eventLabel="Donate">
|
|
Donate on BuyMeACoffee
|
|
</OutboundLink>
|
|
{" / "}
|
|
<OutboundLink
|
|
href="https://patreon.com/phosphoricons"
|
|
eventLabel="Patreon"
|
|
>
|
|
Patreon
|
|
</OutboundLink>
|
|
</span>
|
|
</div>
|
|
|
|
<div>
|
|
<ArrowElbowDownRight size={24} />
|
|
<OutboundLink
|
|
href="https://twitter.com/_phosphoricons"
|
|
eventLabel="Twitter"
|
|
>
|
|
Twitter
|
|
</OutboundLink>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Links;
|