Merge pull request #378 from dataforgoodfr/enhancement/frontend/left-…

…bar-footer-2

Enhancement/frontend/left bar footer 2

frontend/app/map/page.tsx

@@ -15,7 +15,7 @@ import { useLoaderStore } from "@/libs/stores/loader-store"
 import { useMapStore } from "@/libs/stores/map-store"
 import { useTrackModeOptionsStore } from "@/libs/stores/track-mode-options-store"
 import { useVesselsStore } from "@/libs/stores/vessels-store"
-import LeftPanel from "@/components/core/left-panel"
+import LeftPanel from "@/components/core/left-panel/main"
 import MapControls from "@/components/core/map-controls"
 import Map from "@/components/core/map/main-map"
 

frontend/components/core/left-panel.tsx → frontend/components/core/left-panel/main.tsx

@@ -13,7 +13,7 @@ import { useMapStore } from "@/libs/stores/map-store"
 import NavigationLink from "@/components/ui/navigation-link"
 import { VesselFinderDemo } from "@/components/core/command/vessel-finder"
 
-import Spinner from "../ui/custom/spinner"
+import Spinner from "../../ui/custom/spinner"
 import TrackedVesselsPanel from "./tracked-vessel/tracked-vessels-panel"
 
 const containerVariants = {
@@ -93,7 +93,7 @@ export default function LeftPanel() {
         className="absolute left-0 top-0 z-10 flex max-h-screen flex-col gap-3 rounded-br-lg bg-color-3 shadow-lg"
       >
         <div className="flex w-full flex-row place-items-center justify-between p-5">
-          <a href="/dashboard">
+          <a href="/dashboard" className="flex items-center gap-3">
             <Image
               src={TrawlWatchLogo}
               alt="Trawlwatch logo"

frontend/components/core/map/main-map.tsx

@@ -18,6 +18,7 @@ import MapVesselTooltip from "@/components/ui/map-vessel-tooltip"
 import MapZoneTooltip from "@/components/ui/map-zone-tooltip"
 
 import DeckGLMap from "./deck-gl-map"
+import PartnerCredits from "./partner-credits"
 import { getPickObjectType } from "./utils"
 
 type MainMapProps = {
@@ -127,6 +128,7 @@ export default function MainMap({ zones }: MainMapProps) {
 
   return (
     <div className="relative size-full">
+      <PartnerCredits />
       <ContextMenu>
         <ContextMenuTrigger>
           <MemoizedDeckGLMap zones={zones} onHover={onMapHover} />

frontend/components/core/map/partner-credits.tsx

@@ -0,0 +1,15 @@
+import Image from "next/image"
+
+export default function PartnerCredits() {
+  return (
+    <div className="fixed bottom-2 left-2 z-50 flex justify-around gap-4 rounded-full bg-color-2/30 p-5 hover:bg-color-2/50">
+      <Image src="/img/bloom-logo.png" alt="Logo" width={50} height={50} />
+      <Image
+        src="/img/data-for-good-logo.png"
+        alt="Logo"
+        width={50}
+        height={50}
+      />
+    </div>
+  )
+}