serve/simple: Notice for Linux users (#62)

![image](https://github.com/tailscale-dev/vscode-tailscale/assets/40265/cd0d0009-eef0-490a-845d-e062e5973893)

Signed-off-by: Tyler Smalley <[email protected]>

Author: tylersmalley

README.md

@@ -8,7 +8,7 @@
   <a title="Learn more about Tailscale" href="https://tailscale.com"><img width="476px" src="https://github.com/tailscale-dev/tailscale-dev/assets/40265/113339dc-fea6-4ccf-a284-22ecee62c7c9" alt="Tailscale Logo" /></a>
 </p>
 
-> Notice for Linux users: We're working to resolve an issue preventing this extension from being used on Linux. However, you can still use Funnel from the CLI ([docs](https://tailscale.com/kb/1223/tailscale-funnel/?q=funnel)).
+> Notice for Linux users: We're working to resolve an issue preventing this extension from being used on Linux. However, you can still use Funnel from the CLI ([docs](https://tailscale.com/kb/1223/tailscale-funnel)).
 
 > Tailscale is a free and open source service, based on WireGuard®, that helps users build no-hassle virtual private networks. With a Tailscale network (tailnet), you can securely access services and devices on that tailnet from anywhere in the world. Tailnets can include anything from a Digital Ocean droplet to a Raspberry Pi, home security camera, or even a Steam Deck. You can share nodes with friends or co-workers, or even expose ports to the public internet with Tailscale Funnel.
 

src/webviews/serve-panel/simple-view.tsx

@@ -61,6 +61,31 @@ export const SimpleView = () => {
   const textDisabledStyle = 'text-foreground bg-background';
   const hasServeTextStyle = persistedPort ? textStyle : textDisabledStyle;
 
+  // sorry Linux
+  if (window.tailscale.platform === 'linux') {
+    return (
+      <div className="flex mt-2 bg-bannerBackground p-3 text-bannerForeground">
+        <div className="pr-2 codicon codicon-terminal-linux !text-xl"></div>
+        <div className=" text-2lg">
+          <div className="font-bold ">Notice for Linux users</div>
+          <div>
+            We're working to resolve an issue preventing this extension from being used on Linux.
+            <br />
+            However, you can still use Funnel from the CLI.
+          </div>
+          <div className="mt-4">
+            <VSCodeButton
+              appearance="primary"
+              onClick={() => vsCodeAPI.openLink('https://tailscale.com/kb/1223/tailscale-funnel')}
+            >
+              See CLI docs
+            </VSCodeButton>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
   return (
     <div>
       {data?.Errors?.map((error, index) => (