andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

lgtm

Browse source
This commit is contained in:
Andras Schmelczer 2026-06-25 22:29:52 +01:00
parent 2efa4d9f47
commit 5e73287eaf
99 changed files with 6392 additions and 1462 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/components/map/map-page/MobileMapPage.tsx
View file

@ -1,4 +1,5 @@
import { Suspense, type MutableRefObject, type ReactNode } from 'react';
import { useTranslation } from 'react-i18next';
import type {
ActualListing,
@ -133,6 +134,7 @@ export function MobileMapPage({
upgradeModal,
editingBar,
}: MobileMapPageProps) {
const { t } = useTranslation();
const floatingPaneAvailableHeight = `max(12rem, calc(100dvh - ${Math.ceil(
bottomScreenInset
)}px - 7rem))`;
@ -204,8 +206,16 @@ export function MobileMapPage({
className={`rounded-lg bg-white p-2 shadow-lg dark:bg-warm-800 ${actualListingsEnabled ? 'text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300' : 'text-warm-500 hover:text-red-600 dark:text-warm-400 dark:hover:text-red-400'}`}
aria-pressed={actualListingsEnabled}
aria-busy={actualListingsLoading}
aria-label={actualListingsEnabled ? 'Hide actual listings' : 'Show actual listings'}
title={actualListingsEnabled ? 'Hide actual listings' : 'Show actual listings'}
aria-label={
actualListingsEnabled
? t('map.actualListings.hide')
: t('map.actualListings.show')
}
title={
actualListingsEnabled
? t('map.actualListings.hide')
: t('map.actualListings.show')
}
>
{actualListingsLoading ? (
<SpinnerIcon className="h-5 w-5 animate-spin" />
@ -217,7 +227,7 @@ export function MobileMapPage({
<button
onClick={onToggleOverlayPane}
className={`rounded-lg bg-white p-2 shadow-lg dark:bg-warm-800 ${overlayPaneOpen ? 'text-teal-600 dark:text-teal-400' : 'text-warm-500 hover:text-teal-600 dark:text-warm-400 dark:hover:text-teal-400'}`}
aria-label="Overlays"
aria-label={t('overlays.heading')}
>
<EyeIcon className="h-5 w-5" filled={overlayPaneOpen} />
</button>