From 4ad434bf6d2a621ec02611d86112676cc768f8a0 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Tue, 5 Mar 2024 18:58:23 +0000
Subject: extension: Add the logo to multiple pages in the extension

---
 packages/browser-extension/src/NotConfiguredPage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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

diff --git a/packages/browser-extension/src/NotConfiguredPage.tsx b/packages/browser-extension/src/NotConfiguredPage.tsx
index a5b9c734..f7a11106 100644
--- a/packages/browser-extension/src/NotConfiguredPage.tsx
+++ b/packages/browser-extension/src/NotConfiguredPage.tsx
@@ -1,6 +1,8 @@
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import usePluginSettings from "./utils/settings";
+import { PackageOpen } from "lucide-react";
+import Logo from "./Logo";
 
 export default function NotConfiguredPage() {
   const navigate = useNavigate();
@@ -24,7 +26,10 @@ export default function NotConfiguredPage() {
 
   return (
     <div className="flex flex-col space-y-2">
-      <span>To use the plugin, you need to configure it first.</span>
+      <Logo />
+      <span className="pt-3">
+        To use the plugin, you need to configure it first.
+      </span>
       <p className="text-red-500">{error}</p>
       <div className="flex gap-2">
         <label className="my-auto">Server Address</label>
-- 
cgit v1.2.3-70-g09d2