Make Unsupported Connection Links Clickable (#55)

* Initial commit

* Required disabled message for TabType

* Fixed build failure due to required types

* Revert setting changes

src/components/NewDevice.tsx

@@ -14,22 +14,23 @@ export const NewDevice = () => {
       icon: <FiBluetooth className="h-4" />,
       element: BLE,
       disabled: !navigator.bluetooth,
-      disabledMessage:
-        "WebBluetooth is currently only supported by Chromium based browsers: https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API#browser_compatibility",
+      disabledMessage: "Web Bluetooth is currently only supported by Chromium-based browsers",
+      disabledLink: "https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API#browser_compatibility"
     },
     {
       name: "HTTP",
       icon: <FiWifi className="h-4" />,
       element: HTTP,
       disabled: false,
+      disabledMessage: "Unsuported connection method"
     },
     {
       name: "Serial",
       icon: <FiTerminal className="h-4" />,
       element: Serial,
       disabled: !navigator.serial,
-      disabledMessage:
-        "WebSerial is currently only supported by Chromium based browsers: https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API#browser_compatibility",
+      disabledMessage: "Web Serial is currently only supported by Chromium-based browsers",
+      disabledLink: "https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API#browser_compatibility"
     },
   ]);