Test legend menu

app/src/frontend/map/map.tsx

@@ -139,7 +139,39 @@ export const ColouringMap: FC<ColouringMapProps> = ({
         left: "0",
         right: "0",
       }}
-    ></div>
+    >
+      {mode !== "basic" && (
+        <>
+          <Legend
+            mapColourScaleDefinitions={categoryMapDefinitions}
+            mapColourScale={mapColourScale}
+            onMapColourScale={onMapColourScale}
+          />
+          <ThemeSwitcher
+            onSubmit={darkLightThemeSwitch}
+            currentTheme={darkLightTheme}
+          />
+          <DataLayerSwitcher />
+          {showLayerSelection == "enabled" ? (
+            <>
+              <BoroughSwitcher />
+              <ParcelSwitcher />
+              <FloodSwitcher />
+              <ConservationAreaSwitcher />
+              <HistoricMapSwitcher />
+              <HistoricDataSwitcher />
+              <VistaSwitcher />
+              <HousingSwitcher />
+              <CreativeSwitcher />
+            </>
+          ) : (
+            <></>
+          )}
+          {/* TODO change remaining ones*/}
+          <SearchBox onLocate={handleLocate} />
+        </>
+      )}
+    </div>
   );
 };