improve

Author: Its-Just-Nans

website/src/components/ui/Tooltip.tsx

@@ -101,7 +101,7 @@ export const Tooltip: FC<TooltipProps> = ({ kind }) => {
 			<button
 				type="button"
 				class="w-4 h-4 hover:bg-black/10 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer"
-				aria-label={`${content.label}${t("showInformation")}`}
+				aria-label={`${content.label}${t("ariaShowInformation")}`}
 				tabindex={0}
 				{...{ "x-on:click": "helpOpen = true" }}
 				{...{ "x-on:keydown.enter": "helpOpen = true" }}

website/src/components/ui/common/SiteNoticeBanner.tsx

@@ -52,7 +52,7 @@ export const SiteNoticeBanner = () => {
 						<span class="inline-block w-px h-12 bg-neutral-200 mx-3" />
 					</span>
 					<span class="block flex-1 pt-1 pb-2 leading-normal sm:inline sm:pt-0 sm:pb-0">
-						<Translation translationKey="banner" />
+						<Translation translationKey="banner" version={version}/>
 						<br />
 						This site provides a Japanese translation of the{" "}
 						<a href={typstOfficialDocsUrl}>

website/src/components/ui/common/TranslationStatusAlert.tsx

@@ -1,4 +1,4 @@
-import type { FC, JSX } from "hono/jsx";
+import type { FC, JSXNode } from "hono/jsx";
 import { twMerge } from "tailwind-merge";
 import { Translation } from "../../../translations";
 import type { TranslationStatus } from "../../../utils/translationStatus";
@@ -9,7 +9,7 @@ type StatusConfig = {
 	borderColor: string;
 	textColor: string;
 	iconColor: string;
-	label: JSX.Element;
+	label: JSXNode;
 	message: string;
 };
 

website/src/translations.tsx

@@ -4,7 +4,6 @@ import {
 	githubOrganizationUrl,
 	githubRepositoryUrl,
 	typstOfficialDocsUrl,
-	version,
 } from "./metadata";
 
 type MyMap = {
@@ -15,7 +14,7 @@ export const menuTranslations: MyMap = {
 	lang: "ja",
 	ariaCloseMenu: "メニューを閉じる",
 	documentationTitle: "Typstドキュメント日本語版",
-	showInformation: "の詳細情報を表示",
+	ariaShowInformation: "の詳細情報を表示",
 	ariaClose: "閉じる",
 	ariaOpenSearch: "検索を開く",
 	ariaOpenMenu: "メニューを開く",
@@ -81,7 +80,7 @@ type TranslationKey =
 
 export type TranslationProps =
 	| { translationKey: TranslationKey }
-	| PropsWithChildren<{ translationKey: "banner" }>;
+	| PropsWithChildren<{ translationKey: "banner"; version: string }>;
 
 /*
 This is inferred as the following type:
@@ -226,7 +225,9 @@ export const Translation: FC<TranslationProps> = (props) => {
 				<>
 					当サイトは、Typst GmbHの許諾を得て、日本語コミュニティ「
 					<a href={githubOrganizationUrl}>Typst Japanese Community</a>」が
-					<a href={typstOfficialDocsUrl}>Typst v{version}の公式ドキュメント</a>
+					<a href={typstOfficialDocsUrl}>
+						Typst v{props.version}の公式ドキュメント
+					</a>
 					を翻訳したものです。誤訳や古い情報が含まれている可能性があるため、
 					<a href={typstOfficialDocsUrl}>公式ドキュメント</a>
 					との併用を推奨します。翻訳の改善やサイトの機能向上について、