forked from NotNet/gluestick
add tailscale icon
This commit is contained in:
parent
aec287c003
commit
f5640f41f3
|
@ -20,6 +20,7 @@ import inputStyles from "@/components/Input.module.css";
|
||||||
import Connection from "@/components/Connection";
|
import Connection from "@/components/Connection";
|
||||||
import DiscordIcon from "@/components/icons/DiscordIcon";
|
import DiscordIcon from "@/components/icons/DiscordIcon";
|
||||||
import GitHubIcon from "@/components/icons/GitHubIcon";
|
import GitHubIcon from "@/components/icons/GitHubIcon";
|
||||||
|
import TailscaleIcon from "@/components/icons/TailscaleIcon";
|
||||||
|
|
||||||
type UpdateResponse = {
|
type UpdateResponse = {
|
||||||
ok: boolean;
|
ok: boolean;
|
||||||
|
@ -214,7 +215,11 @@ export default function AboutMe({
|
||||||
authState={githubState}
|
authState={githubState}
|
||||||
icon={GitHubIcon}
|
icon={GitHubIcon}
|
||||||
/>
|
/>
|
||||||
<Connection service="Tailscale" unavailable />
|
<Connection
|
||||||
|
service="Tailscale"
|
||||||
|
unavailable
|
||||||
|
icon={TailscaleIcon}
|
||||||
|
/>
|
||||||
<Connection service="Migadu" unavailable />
|
<Connection service="Migadu" unavailable />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -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>
|
||||||
|
);
|
||||||
|
}
|
Loading…
Reference in New Issue