fix: apply suggestions

Co-authored-by: Y.D.X. <[email protected]>

Author: 3w36zj6

website/src/components/ui/FunctionParameters.tsx

@@ -65,7 +65,7 @@ export const FunctionParameters: FC<FunctionParametersProps> = ({
 					{param.strings.length > 0 && (
 						<div class="mt-3">
 							<h5 class="text-sm font-medium text-gray-700 mb-2">
-								<Translation translationKey="stringValues" />:
+								<Translation translationKey="stringValues" />
 							</h5>
 							<ul class="type-args space-y-2 pl-4">
 								{param.strings.map((string) => (
@@ -87,7 +87,7 @@ export const FunctionParameters: FC<FunctionParametersProps> = ({
 					{param.default && (
 						<p class="mt-3 text-sm">
 							<span class="font-medium">
-								<Translation translationKey="defaultValue" />:
+								<Translation translationKey="defaultValue" />
 							</span>{" "}
 							<span class="text-gray-700">
 								<HtmlContent html={param.default} />

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

@@ -1,10 +1,3 @@
-import {
-	discordServerUrl,
-	githubOrganizationUrl,
-	githubRepositoryUrl,
-	typstOfficialDocsUrl,
-	version,
-} from "../../../metadata";
 import { Translation } from "../../../translation";
 import { InfoCircleIcon } from "../../icons";
 
@@ -52,10 +45,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="siteNoticeBannerDescription"
-							version={version}
-						/>
+						<Translation translationKey="siteNoticeBannerDescription" />
 					</span>
 				</div>
 			</div>

website/src/globals.css

@@ -60,7 +60,7 @@ samp {
 }
 
 .info-box::before {
-	content: "情報";
+	content: "💡";
 	@apply absolute top-0 left-0 bg-cyan-200 text-cyan-800 text-xs font-bold py-1 px-3 rounded-br;
 }
 

website/src/translation.tsx

@@ -5,6 +5,7 @@ import {
 	githubOrganizationUrl,
 	githubRepositoryUrl,
 	typstOfficialDocsUrl,
+	version,
 } from "./metadata";
 
 /**
@@ -73,6 +74,7 @@ type TranslationKey =
 	| "translated"
 	| "translatedMessage"
 	| "siteNoticeBannerTitle"
+	| "siteNoticeBannerDescription"
 	| "tutorial"
 	| "tutorialDescription"
 	| "referenceDescription"
@@ -95,15 +97,13 @@ type TranslationKey =
 
 export type TranslationProps =
 	| { translationKey: TranslationKey }
-	| { translationKey: "definitionOf"; name: string }
-	| { translationKey: "siteNoticeBannerDescription"; version: string };
+	| { translationKey: "definitionOf"; name: string };
 
 /**
  * Translation component for UI text, descriptions, and other content to be embedded as JSX.
  *
  * @example
  * <Translation translationKey="definition" />
- * <Translation translationKey="siteNoticeBannerDescription" version="1.0.0" />
  */
 export const Translation: FC<TranslationProps> = (props) => {
 	switch (props.translationKey) {
@@ -120,9 +120,9 @@ export const Translation: FC<TranslationProps> = (props) => {
 		case "search":
 			return <>検索</>;
 		case "defaultValue":
-			return <>デフォルト値</>;
+			return <>デフォルト値：</>;
 		case "stringValues":
-			return <>使用可能な文字列値</>;
+			return <>使用可能な文字列値：</>;
 		case "showExample":
 			return <>例を表示</>;
 		case "tableOfContents":
@@ -241,9 +241,7 @@ export const Translation: FC<TranslationProps> = (props) => {
 				<>
 					当サイトは、Typst GmbHの許諾を得て、日本語コミュニティ「
 					<a href={githubOrganizationUrl}>Typst Japanese Community</a>」が
-					<a href={typstOfficialDocsUrl}>
-						Typst v{props.version}の公式ドキュメント
-					</a>
+					<a href={typstOfficialDocsUrl}>Typst v{version}の公式ドキュメント</a>
 					を翻訳したものです。誤訳や古い情報が含まれている可能性があるため、
 					<a href={typstOfficialDocsUrl}>公式ドキュメント</a>
 					との併用を推奨します。翻訳の改善やサイトの機能向上について、
@@ -253,9 +251,7 @@ export const Translation: FC<TranslationProps> = (props) => {
 					にぜひご参加ください。
 					<br />
 					This site provides a Japanese translation of the{" "}
-					<a href={typstOfficialDocsUrl}>
-						Typst v{props.version} documentation
-					</a>{" "}
+					<a href={typstOfficialDocsUrl}>Typst v{version} documentation</a>{" "}
 					maintained by the "
 					<a href={githubOrganizationUrl}>Typst Japanese Community</a>" with
 					permission from Typst GmbH. We recommend using this alongside the{" "}