From 33c9e8bca54d753c7ea976dd178db0cd5408c218 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Tue, 13 Feb 2024 00:29:25 +0000
Subject: feature: A usable, yet ugly browser extension

---
 packages/browser-extension/src/NotConfiguredPage.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 packages/browser-extension/src/NotConfiguredPage.tsx

(limited to 'packages/browser-extension/src/NotConfiguredPage.tsx')

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>
+  );
+}
-- 
cgit v1.2.3-70-g09d2

