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

Improve slug help with preview and clearer guidance

Browse source
This commit is contained in:
Tero Halla-aho 2025-12-06 23:05:12 +02:00
parent 4e344b892e
commit c880ba11c3
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -501,6 +501,7 @@ export default function NewListingPage() {
}} }}
onBlur={checkSlugAvailability} onBlur={checkSlugAvailability}
/> />
<div style={{ color: '#cbd5e1', fontSize: 12, marginTop: 4 }}>{t('slugPreview', { url: `${process.env.NEXT_PUBLIC_SITE_URL ?? 'https://lomavuokraus.fi'}/${suggestedSlugs[currentLocale] || slug || 'your-slug-here'}` })}</div>
<div style={{ display: 'flex', alignItems: 'center', gap: 8, marginTop: 4, flexWrap: 'wrap' }}> <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginTop: 4, flexWrap: 'wrap' }}>
<span style={{ color: '#cbd5e1', fontSize: 12 }}>{t('slugHelp')}</span> <span style={{ color: '#cbd5e1', fontSize: 12 }}>{t('slugHelp')}</span>
<span style={{ color: '#cbd5e1', fontSize: 12 }}>{t('aiOptionalHint')}</span> <span style={{ color: '#cbd5e1', fontSize: 12 }}>{t('aiOptionalHint')}</span>

9
lib/i18n.ts
View file

@ -165,7 +165,8 @@ const baseMessages = {
missingFields: 'Missing: {fields}', missingFields: 'Missing: {fields}',
loginToCreate: 'Please log in first to create a listing.', loginToCreate: 'Please log in first to create a listing.',
slugLabel: 'Slug', slugLabel: 'Slug',
slugHelp: 'Unique link name, use lowercase letters and hyphens only (e.g. lake-cabin).', slugHelp: 'Short, easy-to-type link name; use lowercase and hyphens (e.g. lake-cabin).',
slugPreview: 'Your listing link will be: {url}',
slugChecking: 'Checking availability…', slugChecking: 'Checking availability…',
slugAvailable: 'Slug is available', slugAvailable: 'Slug is available',
slugTaken: 'Slug already in use', slugTaken: 'Slug already in use',
@ -452,7 +453,8 @@ const baseMessages = {
createListingTitle: 'Luo kohde', createListingTitle: 'Luo kohde',
loginToCreate: 'Kirjaudu ensin luodaksesi kohteen.', loginToCreate: 'Kirjaudu ensin luodaksesi kohteen.',
slugLabel: 'Osoitepolku', slugLabel: 'Osoitepolku',
slugHelp: 'Yksilöllinen linkki, käytä pieniä kirjaimia ja väliviivoja (esim. saimaa-mokki).', slugHelp: 'Keksi lyhyt ja helppo linkki; käytä pieniä kirjaimia ja väliviivoja (esim. saimaa-mokki).',
slugPreview: 'Ilmoituksen linkki on: {url}',
slugChecking: 'Tarkistetaan saatavuutta…', slugChecking: 'Tarkistetaan saatavuutta…',
slugAvailable: 'Slug on vapaa', slugAvailable: 'Slug on vapaa',
slugTaken: 'Slug on jo käytössä', slugTaken: 'Slug on jo käytössä',
@ -589,7 +591,8 @@ const svMessages: Record<keyof typeof baseMessages.en, string> = {
navSignup: 'Registrera dig', navSignup: 'Registrera dig',
navBrowse: 'Bläddra bland annonser', navBrowse: 'Bläddra bland annonser',
navLanguage: 'Språk', navLanguage: 'Språk',
slugHelp: 'Unik länk, använd små bokstäver och bindestreck (t.ex. sjo-stuga).', slugHelp: 'Hitta på en kort och enkel länk; använd små bokstäver och bindestreck (t.ex. sjo-stuga).',
slugPreview: 'Länk till annonsen: {url}',
heroTitle: 'Hitta ditt nästa finska getaway', heroTitle: 'Hitta ditt nästa finska getaway',
heroBody: 'Upptäck stugor, lägenheter och villor direkt från ägarna. Annonser verifieras innan publicering och du kontaktar värdarna direkt — enkelt och transparent.', heroBody: 'Upptäck stugor, lägenheter och villor direkt från ägarna. Annonser verifieras innan publicering och du kontaktar värdarna direkt — enkelt och transparent.',
ctaBrowse: 'Bläddra bland annonser', ctaBrowse: 'Bläddra bland annonser',