Lots of improvements

frontend/src/components/map/Map.tsx

@@ -30,6 +30,7 @@ import { CloseIcon } from '../ui/icons/CloseIcon';
 import type { FeatureFilters } from '../../types';
 import { useDeckLayers } from '../../hooks/useDeckLayers';
 import { useTranslatedModes, type TravelTimeEntry } from '../../hooks/useTravelTime';
+import { ts } from '../../i18n/server';
 
 interface MapProps {
   data: HexagonData[];
@@ -59,6 +60,7 @@ interface MapProps {
   hideLegend?: boolean;
   travelTimeEntries?: TravelTimeEntry[];
   densityLabel?: string;
+  totalCount?: number;
 }
 
 const EMPTY_TRAVEL_ENTRIES: TravelTimeEntry[] = [];
@@ -115,11 +117,13 @@ export default memo(function Map({
   bounds: viewportBounds,
   hideLegend = false,
   travelTimeEntries = EMPTY_TRAVEL_ENTRIES,
-  densityLabel = 'Number of properties',
+  densityLabel: densityLabelProp,
+  totalCount: totalCountProp,
 }: MapProps) {
   const containerRef = useRef<HTMLDivElement>(null);
   const { t } = useTranslation();
   const modes = useTranslatedModes();
+  const densityLabel = densityLabelProp ?? t('mapLegend.numberOfProperties');
   const [internalViewState, setInternalViewState] = useState<ViewState>(
     initialViewState || INITIAL_VIEW_STATE
   );
@@ -288,8 +292,8 @@ export default memo(function Map({
                   <MapLegend
                     featureLabel={
                       viewSource === 'eye'
-                        ? `Previewing \u201c${colorFeatureMeta.name}\u201d`
-                        : colorFeatureMeta.name
+                        ? t('mapLegend.previewing', { name: ts(colorFeatureMeta.name) })
+                        : ts(colorFeatureMeta.name)
                     }
                     range={colorRange}
                     showCancel={viewSource === 'eye'}
@@ -311,7 +315,7 @@ export default memo(function Map({
                       : [countRange.min, countRange.max]
                   }
                   totalCount={
-                    usePostcodeView ? postcodeCountRange.total : countRange.total
+                    totalCountProp ?? (usePostcodeView ? postcodeCountRange.total : countRange.total)
                   }
                   showCancel={false}
                   onCancel={onCancelPin}