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

Translate pages

Browse source
This commit is contained in:
Andras Schmelczer 2026-04-04 09:47:18 +01:00
parent a7aaf5effa
commit 96402228e3
49 changed files with 1458 additions and 926 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/ui/SaveSearchModal.tsx
View file

@ -1,4 +1,5 @@
import { useState, useCallback, useEffect } from 'react';
import { useTranslation } from 'react-i18next';
import { CheckIcon } from './icons/CheckIcon';
import { CloseIcon } from './icons/CloseIcon';
import { SpinnerIcon } from './icons/SpinnerIcon';
@ -16,6 +17,7 @@ export default function SaveSearchModal({
saving: boolean;
error: string | null;
}) {
const { t } = useTranslation();
const [name, setName] = useState('');
const [saved, setSaved] = useState(false);
@ -50,7 +52,7 @@ export default function SaveSearchModal({
>
<div className="flex items-center justify-between px-5 pt-5 pb-3">
<h2 className="text-lg font-semibold text-navy-950 dark:text-white">
{saved ? 'Search saved' : 'Save Search'}
{saved ? t('saveSearch.saved') : t('saveSearch.title')}
</h2>
<button
onClick={onClose}
@ -65,7 +67,7 @@ export default function SaveSearchModal({
<div className="flex items-center gap-2 text-teal-600 dark:text-teal-400">
<CheckIcon className="w-5 h-5" />
<p className="text-sm text-warm-700 dark:text-warm-300">
Your search has been saved successfully.
{t('saveSearch.savedSuccess')}
</p>
</div>
<div className="flex gap-3 justify-end">
@ -74,14 +76,14 @@ export default function SaveSearchModal({
onClick={onClose}
className="px-4 py-2 text-sm rounded border border-warm-200 dark:border-warm-700 text-warm-700 dark:text-warm-300 hover:bg-warm-50 dark:hover:bg-warm-700"
>
Close
{t('common.close')}
</button>
<button
type="button"
onClick={onViewSearches}
className="px-4 py-2 text-sm rounded bg-teal-600 text-white font-medium hover:bg-teal-700"
>
View saved searches
{t('saveSearch.viewSavedSearches')}
</button>
</div>
</div>
@ -89,14 +91,14 @@ export default function SaveSearchModal({
<form onSubmit={handleSubmit} className="p-5 pt-2 space-y-4">
<div>
<label className="block text-sm font-medium text-warm-700 dark:text-warm-300 mb-1">
Name
{t('saveSearch.name')}
</label>
<input
type="text"
value={name}
onChange={(e) => setName(e.target.value)}
className="w-full px-3 py-2 text-sm rounded border border-warm-200 dark:border-warm-700 bg-white dark:bg-warm-800 text-navy-950 dark:text-white placeholder-warm-400 dark:placeholder-warm-500 outline-none focus:ring-2 ring-teal-400 dark:ring-teal-500"
placeholder="My search"
placeholder={t('saveSearch.namePlaceholder')}
autoFocus
/>
</div>
@ -109,7 +111,7 @@ export default function SaveSearchModal({
onClick={onClose}
className="px-4 py-2 text-sm rounded border border-warm-200 dark:border-warm-700 text-warm-700 dark:text-warm-300 hover:bg-warm-50 dark:hover:bg-warm-700"
>
Cancel
{t('common.cancel')}
</button>
<button
type="submit"
@ -117,7 +119,7 @@ export default function SaveSearchModal({
className="flex items-center gap-2 px-4 py-2 text-sm rounded bg-teal-600 text-white font-medium hover:bg-teal-700 disabled:opacity-50 disabled:cursor-wait"
>
{saving && <SpinnerIcon className="w-4 h-4 animate-spin" />}
{saving ? 'Saving...' : 'Save'}
{saving ? t('saveSearch.saving') : t('common.save')}
</button>
</div>
</form>