feature: A usable, yet ugly browser extension

1 files changed, 16 insertions, 0 deletions

diff --git a/packages/browser-extension/src/NotConfiguredPage.tsx b/packages/browser-extension/src/NotConfiguredPage.tsx
new file mode 100644
index 00000000..ef73f149
--- /dev/null
+++ b/packages/browser-extension/src/NotConfiguredPage.tsx
@@ -0,0 +1,16 @@
+import { useNavigate } from "react-router-dom";
+
+export default function NotConfiguredPage() {
+  const navigate = useNavigate();
+  return (
+    <div className="flex flex-col space-y-2">
+      <span>To use the plugin, you need to configure it first.</span>
+      <button
+        className="bg-black text-white"
+        onClick={() => navigate("/options")}
+      >
+        Configure
+      </button>
+    </div>
+  );
+}