NotNet/gluestick
NotNet
/
gluestick
2
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add tailscale icon

This commit is contained in:
Julian 2023-04-28 17:12:49 -04:00
parent aec287c003
commit f5640f41f3
Signed by: NotNite
GPG Key ID: BD91A5402CCEB08A
2 changed files with 32 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/me/AboutMe.tsx
View File

@ -20,6 +20,7 @@ import inputStyles from "@/components/Input.module.css";
import Connection from "@/components/Connection";
import DiscordIcon from "@/components/icons/DiscordIcon";
import GitHubIcon from "@/components/icons/GitHubIcon";
import TailscaleIcon from "@/components/icons/TailscaleIcon";
type UpdateResponse = {
ok: boolean;
@ -214,7 +215,11 @@ export default function AboutMe({
authState={githubState}
icon={GitHubIcon}
/>
<Connection service="Tailscale" unavailable />
<Connection
service="Tailscale"
unavailable
icon={TailscaleIcon}
/>
<Connection service="Migadu" unavailable />
</div>
</div>

26
src/components/icons/TailscaleIcon.tsx Normal file
View File

@ -0,0 +1,26 @@
import React from "react";
// https://tailscale.com/files/dist/tailscale-press-kit.zip
export default function TailscaleIcon() {
return (
<svg
fill="none"
height="120"
viewBox="30 30 60 60"
width="120"
xmlns="http://www.w3.org/2000/svg"
>
<g fill="currentColor">
<circle cx="40.625" cy="59.5" r="6.625" />
<circle cx="60.4999" cy="59.5" r="6.625" />
<circle cx="40.625" cy="79.375" opacity=".2" r="6.625" />
<circle cx="80.375" cy="79.375" opacity=".2" r="6.625" />
<circle cx="60.4999" cy="79.375" r="6.625" />
<circle cx="80.375" cy="59.5" r="6.625" />
<circle cx="40.625" cy="39.625" opacity=".2" r="6.625" />
<circle cx="60.4999" cy="39.625" opacity=".2" r="6.625" />
<circle cx="80.375" cy="39.625" opacity=".2" r="6.625" />
</g>
</svg>
);
}