navbar

fe/app/service/page.tsx

@@ -43,7 +43,7 @@ export default function ServicePage() {
             }
         };
         fetchData();
-    }, ['const']);
+    }, );
 
 
 
@@ -57,7 +57,7 @@ export default function ServicePage() {
 
     return (
         <>
-            <Navbar serviceName='new Deployment'/>
+            <Navbar Name='new Deployment'/>
             <div className="grid grid-cols-11 h-screen text-gray-400">
                 <div className="col-span-2 border-r-2 border-gray-300 flex justify-center pt-8">
                     <ul className="w-full">

fe/components/Navbar.tsx

@@ -1,14 +1,19 @@
-export default function Navbar({serviceName}:{serviceName?:string}) {
+"use client"
+import { usePathname } from "next/navigation";
+
+export default function Navbar({Name}:{Name?:string}) {
+    // get the current url
+    const path=usePathname()
     return (
 
 
         <nav className="sticky bg-white border-gray-200 dark:bg-gray-900 dark:border-gray-700">
             <div className="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
                 <a href="#" className="flex items-center space-x-3 rtl:space-x-reverse">
                     <img src="https://flowbite.com/docs/images/logo.svg" className="h-8" alt="Flowbite Logo" />
-                    <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite /</span>
+                    <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">Flowbite</span>
                     <div className="self-center text-1xl font-semibold whitespace-nowrap dark:text-white">
-                        {serviceName}
+                        / {Name}
                     </div>
                 </a>