From 7ddcb5fe6b7de9df3e0424598d1836d51c3f80eb Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Mon, 22 Apr 2024 18:28:41 +0100
Subject: ui(extension): Use shadcn and better dark mode support

---
 apps/browser-extension/src/NotConfiguredPage.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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

diff --git a/apps/browser-extension/src/NotConfiguredPage.tsx b/apps/browser-extension/src/NotConfiguredPage.tsx
index 298e9f5e..31d45d6a 100644
--- a/apps/browser-extension/src/NotConfiguredPage.tsx
+++ b/apps/browser-extension/src/NotConfiguredPage.tsx
@@ -1,6 +1,8 @@
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 
+import { Button } from "./components/ui/button";
+import { Input } from "./components/ui/input";
 import Logo from "./Logo";
 import usePluginSettings from "./utils/settings";
 
@@ -33,16 +35,14 @@ export default function NotConfiguredPage() {
       <p className="text-red-500">{error}</p>
       <div className="flex gap-2">
         <label className="my-auto">Server Address</label>
-        <input
+        <Input
           name="address"
           value={serverAddress}
           className="h-8 flex-1 rounded-lg border border-gray-300 p-2"
           onChange={(e) => setServerAddress(e.target.value)}
         />
       </div>
-      <button className="bg-black text-white" onClick={onSave}>
-        Configure
-      </button>
+      <Button onClick={onSave}>Configure</Button>
     </div>
   );
 }
-- 
cgit v1.2.3-70-g09d2

