Base path fixing (#12)

* base path fixing

* fix more

* update naming

* update naming

Author: AndrewThien

app/layout.tsx

@@ -3,8 +3,7 @@ import { Head } from "nextra/components";
 import { getPageMap } from "nextra/page-map";
 import "nextra-theme-docs/style.css";
 import "./globals.css";
-import Image from "next/image";
-import { FooterLogo } from "@/components/footer-log";
+import { FooterLogo } from "@/components/footer-logo";
 
 export const metadata = {
   // Define your metadata here
@@ -14,10 +13,15 @@ export const metadata = {
 const navbar = (
   <Navbar
     logo={<b>Five Safes TES Docs</b>}
-  // ... Your additional navbar options
+    // ... Your additional navbar options
   />
 );
-const footer = <Footer> <FooterLogo /></Footer>;
+const footer = (
+  <Footer>
+    {" "}
+    <FooterLogo />
+  </Footer>
+);
 
 export default async function RootLayout({
   children,

app/page.mdx

@@ -30,12 +30,12 @@ import CustomCard from "@/components/custom-card";
     links={[
         {
         title: "Setting up TRE Agent",
-        href: "/5st-docs/connect/setup-tre/deployment-steps",
+        href: "/connect/setup-tre/deployment-steps",
       },
-      { title: "Connecting a TRE", href: "/5st-docs/connect/connect-submission" },
-      { title: "Projects and users", href: "/5s-tes-docs/connect/approvals" },
+      { title: "Connecting a TRE", href: "/connect/connect-submission" },
+      { title: "Projects and users", href: "/connect/approvals" },
       { title: "TRE data access", href: "/link1" },
-      { title: "Outputs approval", href: "/5s-tes-docs/connect/approve-outputs" },
+      { title: "Outputs approval", href: "/connect/approve-outputs" },
     ]}
     CTA={{ text: "Connect >", href: "/cta" }}
     icon={<Unplug size={24} />}

components/footer-log.tsx

@@ -0,0 +1,26 @@
+// components/FooterLogo.tsx
+"use client";
+
+import Image from "next/image";
+
+export function FooterLogo() {
+  return (
+    <>
+      <Image
+        src="/logo-UoN-light.png"
+        alt="University of Nottingham"
+        width={200}
+        height={200}
+        className="block dark:hidden"
+      />
+
+      <Image
+        src="/logo-UoN-dark.png"
+        alt="University of Nottingham"
+        width={200}
+        height={200}
+        className="hidden dark:block"
+      />
+    </>
+  );
+}

components/footer-logo.tsx

@@ -8,7 +8,7 @@ const nextConfig: NextConfig = {
   },
   distDir: "out",
   output: "export",
-  basePath: "/5st-docs",
+  basePath: "",
   assetPrefix: "",
 };
 

next.config.ts

@@ -1,5 +1,5 @@
 {
-  "name": "5st-docs",
+  "name": "5s-tes-docs",
   "version": "0.1.0",
   "private": true,
   "scripts": {