Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-05 05:05:17 +02:00
Code Issues Releases Activity

feat: enhance region visit tracking with improved toast messages, update localization, and modify page titles

Browse source
This commit is contained in:
Sean Morley 2025-01-09 13:53:16 -05:00
parent 80cec30fda
commit abe870506f
6 changed files with 52 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

23
frontend/src/routes/worldtravel/[id]/+page.svelte
View file

@ -39,11 +39,14 @@
});
if (!res.ok) {
console.error('Failed to mark region as visited');
addToast('error', `Failed to mark visit to ${region.name}`);
addToast('error', `${$t('worldtravel.failed_to_mark_visit')} ${region.name}`);
return;
} else {
visitedRegions = [...visitedRegions, await res.json()];
addToast('success', `Visit to ${region.name} marked`);
addToast(
'success',
`${$t('worldtravel.visit_to')} ${region.name} ${$t('worldtravel.marked_visited')}`
);
}
}
async function removeVisit(region: Region) {
@ -52,12 +55,12 @@
method: 'DELETE'
});
if (!res.ok) {
console.error('Failed to remove visit');
addToast('error', `Failed to remove visit to ${region.name}`);
console.error($t('worldtravel.region_failed_visited'));
addToast('error', `${$t('worldtravel.failed_to_mark_visit')} ${region.name}`);
return;
} else {
visitedRegions = visitedRegions.filter((visitedRegion) => visitedRegion.region !== region.id);
addToast('info', `Visit to ${region.name} removed`);
addToast('info', `${$t('worldtravel.visit_to')} ${region.name} ${$t('worldtravel.removed')}`);
}
}
@ -70,16 +73,16 @@
);
</script>
<h1 class="text-center font-bold text-4xl mb-4">Regions in {country?.name}</h1>
<h1 class="text-center font-bold text-4xl mb-4">{$t('worldtravel.regions_in')} {country?.name}</h1>
<div class="flex items-center justify-center mb-4">
<div class="stats shadow bg-base-300">
<div class="stat">
<div class="stat-title">Region Stats</div>
<div class="stat-value">{numVisitedRegions}/{numRegions} Visited</div>
<div class="stat-title">{$t('worldtravel.region_stats')}</div>
<div class="stat-value">{numVisitedRegions}/{numRegions} {$t('adventures.visited')}</div>
{#if numRegions === numVisitedRegions}
<div class="stat-desc">You've visited all regions in {country?.name} 🎉!</div>
<div class="stat-desc">{$t('worldtravel.all_visited')} {country?.name} 🎉!</div>
{:else}
<div class="stat-desc">Keep exploring!</div>
<div class="stat-desc">{$t('adventures.keep_exploring')}</div>
{/if}
</div>
</div>

2
frontend/src/routes/worldtravel/[id]/[id]/+page.svelte
View file

@ -218,6 +218,6 @@
{/if}
<svelte:head>
<title>Countries | World Travel</title>
<title>Cities in {data.props?.region.name} | World Travel</title>
<meta name="description" content="Explore the world and add countries to your visited list!" />
</svelte:head>