fix(frontend): localize footer
This commit is contained in:
		
							parent
							
								
									a72c0f41c3
								
							
						
					
					
						commit
						f1f777ff82
					
				
					 2 changed files with 23 additions and 10 deletions
				
			
		|  | @ -8,6 +8,7 @@ | ||||||
| 	import Envelope from "svelte-bootstrap-icons/lib/Envelope.svelte"; | 	import Envelope from "svelte-bootstrap-icons/lib/Envelope.svelte"; | ||||||
| 	import CashCoin from "svelte-bootstrap-icons/lib/CashCoin.svelte"; | 	import CashCoin from "svelte-bootstrap-icons/lib/CashCoin.svelte"; | ||||||
| 	import Logo from "./Logo.svelte"; | 	import Logo from "./Logo.svelte"; | ||||||
|  | 	import { t } from "$lib/i18n"; | ||||||
| 
 | 
 | ||||||
| 	type Props = { meta: Meta }; | 	type Props = { meta: Meta }; | ||||||
| 	let { meta }: Props = $props(); | 	let { meta }: Props = $props(); | ||||||
|  | @ -18,13 +19,13 @@ | ||||||
| 		<div class="align-start flex-grow-1"> | 		<div class="align-start flex-grow-1"> | ||||||
| 			<Logo /> | 			<Logo /> | ||||||
| 			<ul class="mt-2 list-unstyled"> | 			<ul class="mt-2 list-unstyled"> | ||||||
| 				<li><strong>Version</strong> {meta.version}</li> | 				<li><strong>{$t("footer.version")}</strong> {meta.version}</li> | ||||||
| 			</ul> | 			</ul> | ||||||
| 		</div> | 		</div> | ||||||
| 		<div class="align-end"> | 		<div class="align-end"> | ||||||
| 			<ul class="list-unstyled"> | 			<ul class="list-unstyled"> | ||||||
| 				<li>{meta.users.total.toLocaleString()} <strong>users</strong></li> | 				<li>{meta.users.total.toLocaleString()} <strong>{$t("footer.users")}</strong></li> | ||||||
| 				<li>{meta.members.toLocaleString()} <strong>members</strong></li> | 				<li>{meta.members.toLocaleString()} <strong>{$t("footer.members")}</strong></li> | ||||||
| 			</ul> | 			</ul> | ||||||
| 		</div> | 		</div> | ||||||
| 	</div> | 	</div> | ||||||
|  | @ -36,7 +37,7 @@ | ||||||
| 		> | 		> | ||||||
| 			<li class="list-inline-item"> | 			<li class="list-inline-item"> | ||||||
| 				<Git /> | 				<Git /> | ||||||
| 				Source code | 				{$t("footer.source")} | ||||||
| 			</li> | 			</li> | ||||||
| 		</a> | 		</a> | ||||||
| 		<a | 		<a | ||||||
|  | @ -46,37 +47,37 @@ | ||||||
| 		> | 		> | ||||||
| 			<li class="list-inline-item"> | 			<li class="list-inline-item"> | ||||||
| 				<Reception4 /> | 				<Reception4 /> | ||||||
| 				Status | 				{$t("footer.status")} | ||||||
| 			</li> | 			</li> | ||||||
| 		</a> | 		</a> | ||||||
| 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/about"> | 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/about"> | ||||||
| 			<li class="list-inline-item"> | 			<li class="list-inline-item"> | ||||||
| 				<Envelope /> | 				<Envelope /> | ||||||
| 				About and contact | 				{$t("footer.about-contact")} | ||||||
| 			</li> | 			</li> | ||||||
| 		</a> | 		</a> | ||||||
| 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/tos"> | 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/tos"> | ||||||
| 			<li class="list-inline-item"> | 			<li class="list-inline-item"> | ||||||
| 				<CardText /> | 				<CardText /> | ||||||
| 				Terms of service | 				{$t("footer.terms")} | ||||||
| 			</li> | 			</li> | ||||||
| 		</a> | 		</a> | ||||||
| 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/privacy"> | 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/privacy"> | ||||||
| 			<li class="list-inline-item"> | 			<li class="list-inline-item"> | ||||||
| 				<Shield /> | 				<Shield /> | ||||||
| 				Privacy policy | 				{$t("footer.privacy")} | ||||||
| 			</li> | 			</li> | ||||||
| 		</a> | 		</a> | ||||||
| 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/changelog"> | 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/changelog"> | ||||||
| 			<li class="list-inline-item"> | 			<li class="list-inline-item"> | ||||||
| 				<Newspaper /> | 				<Newspaper /> | ||||||
| 				Changelog | 				{$t("footer.changelog")} | ||||||
| 			</li> | 			</li> | ||||||
| 		</a> | 		</a> | ||||||
| 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/donate"> | 		<a class="list-inline-item link-underline link-underline-opacity-0" href="/page/donate"> | ||||||
| 			<li class="list-inline-item"> | 			<li class="list-inline-item"> | ||||||
| 				<CashCoin /> | 				<CashCoin /> | ||||||
| 				Donate | 				{$t("footer.donate")} | ||||||
| 			</li> | 			</li> | ||||||
| 		</a> | 		</a> | ||||||
| 	</ul> | 	</ul> | ||||||
|  |  | ||||||
|  | @ -327,5 +327,17 @@ | ||||||
| 	"alert": { | 	"alert": { | ||||||
| 		"auth-method-remove-success": "Successfully unlinked account!", | 		"auth-method-remove-success": "Successfully unlinked account!", | ||||||
| 		"auth-required": "You must log in to access this page." | 		"auth-required": "You must log in to access this page." | ||||||
|  | 	}, | ||||||
|  | 	"footer": { | ||||||
|  | 		"version": "Version", | ||||||
|  | 		"users": "users", | ||||||
|  | 		"members": "members", | ||||||
|  | 		"source": "Source code", | ||||||
|  | 		"status": "Status", | ||||||
|  | 		"terms": "Terms of service", | ||||||
|  | 		"privacy": "Privacy policy", | ||||||
|  | 		"changelog": "Changelog", | ||||||
|  | 		"donate": "Donate", | ||||||
|  | 		"about-contact": "About and contact" | ||||||
| 	} | 	} | ||||||
| } | } | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue