extension: Add the logo to multiple pages in the extension

1 files changed, 6 insertions, 1 deletions

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>