thalla/lomavuokraus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Hide manual AI translation behind expander

Browse source
This commit is contained in:
Tero Halla-aho 2025-12-06 22:55:56 +02:00
parent 0f9699a0ec
commit b172250551
1 changed files with 42 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/listings/new/page.tsx
View file

@ -64,6 +64,7 @@ export default function NewListingPage() {
const [aiResponse, setAiResponse] = useState('');
const [copyStatus, setCopyStatus] = useState<'idle' | 'copied' | 'error'>('idle');
const [aiLoading, setAiLoading] = useState(false);
const [showManualAi, setShowManualAi] = useState(false);
const [slugStatus, setSlugStatus] = useState<'idle' | 'checking' | 'available' | 'taken' | 'error'>('idle');
const [suggestedSlugs, setSuggestedSlugs] = useState<Record<Locale, string>>({ en: '', fi: '', sv: '' });
@ -216,8 +217,10 @@ export default function NewListingPage() {
return next;
});
setMessage(t('aiAutoSuccess'));
setShowManualAi(false);
} catch (err) {
setError(t('aiAutoError'));
setShowManualAi(true);
} finally {
setAiLoading(false);
}
@ -513,8 +516,11 @@ export default function NewListingPage() {
</button>
<span style={{ color: '#cbd5e1', fontSize: 13 }}>{t('aiHelperNote')}</span>
</div>
<div style={{ marginTop: 12, display: 'grid', gap: 6 }}>
<strong>{t('aiManualLead')}</strong>
<details open={showManualAi} style={{ marginTop: 12 }}>
<summary style={{ cursor: 'pointer', color: '#cbd5e1' }}>
{showManualAi ? t('aiManualLead') : t('aiManualLead')}
</summary>
<div style={{ marginTop: 8, display: 'grid', gap: 6 }}>
<div style={{ display: 'grid', gap: 6 }}>
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
<span>{t('aiPromptLabel')}</span>
@ -551,6 +557,7 @@ export default function NewListingPage() {
</button>
</div>
</div>
</details>
</div>
</div>
<div style={{ display: 'grid', gap: 8, gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))' }}>