Merge pull request #2658 from tequdev/ja-tokenization

[JA] translate tokenization page

@i18n/ja/translations.yaml

@@ -378,6 +378,39 @@ Get Free Test XRP: テスト用XRPを入手
 Generate Testnet Credentials: テストネットのアカウントを作成 
 Connect to the XRP Ledger Testnet network to develop and test your apps built on the XRP Ledger, without risking real money or impacting production XRP Ledger users.: XRP Ledger Testnetに接続することで、現実の資産やMainnetユーザに影響を与えることなくXRP Ledger上に構築するアプリを開発・テストすることができます。
 
+# docs/use-cases/tokenization/index.page.tsx
+Work with a variety of tokens supported by the XRP Ledger.: XRP Ledgerでサポートされている様々なトークンを扱いましょう。
+Explore the possibilities of tokenization on the XRP Ledger, revolutionizing ownership, transactions, and value exchange with unparalleled efficiency and security.: XRP Ledgerでのトークン化の可能性を探り、効率とセキュリティに優れた所有権、トランザクション、価値の交換に革命をもたらします。
+Authorized Minter: 認可Minter
+Quick Start: クイックスタート
+Learn more: もっと詳しく
+Check out the security features you can tap into right from the chain without the hassle of piecing together smart contracts.: スマートコントラクトを組み合わせる手間をかけずに、チェーンから直接利用できるセキュリティ機能をご覧ください
+Security advantages: セキュリティ上の利点
+Trust Lines & Authorized Trust Lines: トラストラインと認可トラストライン
+Trust Lines: トラストライン
+No spamming of wallets without permission.: 許可なくウォレットにスパムを送信することはありません。
+Authorized Trustlines: 認可トラストライン
+Control who can hold your tokens with allowlisting.: ホワイトリスト形式で誰がトークンを保持できるかを制御します。
+Freeze & Clawbacks: 凍結とクローバック
+Freeze: 凍結
+If you see signs of suspicious activity, you can suspend trading of your token while investigating the issue.: 不審な活動の兆候が見られた場合は、問題を調査する間、トークンの取引を停止することができます。
+Clawback: クローバック
+"Recover tokens distributed to accounts in error: for example, reclaim funds sent to an account sanctioned for illegal activity.": 誤ってアカウントに送信されたトークンを回収することができます。たとえば、違法行為に対して制裁を受けたアカウントに送金された資金を回収します。
+Non-transferable Tokens: 譲渡不可トークン
+Transferable flag: 譲渡可能フラグ
+Native support for nontransferable items such as identity tokens, airline credits, and consumer rewards, honored by all on-chain participants.: 譲渡不可のアイテム（IDトークン、航空会社のクレジット、消費者向けリワードなど）に対するネイティブサポートがあり、すべてのオンチェーン参加者によって認識されます。
+Royalties: ロイヤリティ
+NFT Transfer Fees: NFTの売買手数料
+Reliably collect your percentage of the sale price of your tokens.: トークンの売却価格の一部を確実に収集します。
+Stats: 統計
+NFTs minted: 作成されたNFT
+NFT trading volume: NFTの取引量
+Seconds to confirmation: トランザクション承認までの秒数
+Avg fee per NFT tx: NFTトランザクションごとの平均手数料
+Featured real world projects: 注目の実世界プロジェクト
+Related Articles: 関連記事
+More related articles: 追加の関連記事
+
 # community/index.page.tsx
 XRPL Community: XRPLコミュニティ
 community.index.h1part1: 開発者とイノベーターによる

about/impact.page.tsx

@@ -4,7 +4,7 @@ import mapDark from "../static/js/impact/mapDark.json";
 import mapLight from "../static/js/impact/mapLight.json";
 import { useLottie } from "lottie-react";
 import { useThemeFromClassList } from "../@theme/helpers";
-import { Link } from '@portal/Link';
+import { Link } from "@redocly/theme/components/Link/Link";
 
 export const frontmatter = {
   seo: {

docs/use-cases/tokenization/index.page.tsx

@@ -1,9 +1,7 @@
 import React, { useRef, useState } from "react";
-import { useTranslate } from "@portal/hooks";
+import { useThemeHooks } from '@redocly/theme/core/hooks';
 import { NavList } from "shared/components/nav-list";
-import { Link } from '@portal/Link';
-
-const { translate } = useTranslate();
+import { Link } from "@redocly/theme/components/Link/Link";
 
 export const frontmatter = {
   seo: {
@@ -32,69 +30,73 @@ const useCases = [
   },
 ];
 
+const SecurityAdvantageCard = (securityAdvantageContents) => {
+  const { useTranslate } = useThemeHooks();
+  const { translate } = useTranslate();
+  return securityAdvantageContents.map((content) => (
+    <div key={content.subtitle}>
+      <Link to={content.href}><h5 className="card-subhead">{translate(content.subtitle)}:</h5></Link>
+      <div className="card-text">
+        {translate(content.description)}
+      </div>
+    </div>
+  ))
+}
+
 const securityAdvantages = [
   {
     id: "trustlines",
     title: "Trust Lines & Authorized Trust Lines",
-    description: (
-      <>
-        <Link to="/docs/concepts/tokens/fungible-tokens/"><h5 className="card-subhead">{translate("Trust Lines:")}</h5></Link>
-        <div className="card-text">
-          {translate("No spamming of wallets without permission.")}
-        </div>
-        <Link to="/docs/concepts/tokens/fungible-tokens/authorized-trust-lines/"><h5 className="card-subhead">{translate("Authorized Trustlines:")}</h5></Link>
-        <div className="card-text">
-          {translate(
-            "Control who can hold your tokens with allowlisting."
-          )}
-        </div>
-      </>
-    ),
+    contents: [
+      {
+        href: "/docs/concepts/tokens/fungible-tokens/",
+        subtitle: "Trust Lines",
+        description: "No spamming of wallets without permission.",
+      },
+      {
+        href: "/docs/concepts/tokens/fungible-tokens/authorized-trust-lines/",
+        subtitle: "Authorized Trustlines",
+        description: "Control who can hold your tokens with allowlisting.",
+      },
+    ],
   },
   {
     id: "freeze-clawbacks",
     title: "Freeze & Clawbacks",
-    description: (
-      <>
-        <Link to="/docs/concepts/tokens/fungible-tokens/"><h5 className="card-subhead">{translate("Freeze:")}</h5></Link>
-        <div className="card-text">
-          {translate(
-            "If you see signs of suspicious activity, you can suspend trading of your token while investigating the issue."
-          )}
-        </div>
-        <Link to="/docs/concepts/tokens/fungible-tokens/clawing-back-tokens/"><h5 className="card-subhead">{translate("Clawback:")}</h5></Link>
-        <div className="card-text">
-          {translate(
-            "Recover tokens distributed to accounts in error: for example, reclaim funds sent to an account sanctioned for illegal activity."
-          )}
-        </div>
-      </>
-    ),
+    contents: [
+      {
+        href: "/docs/concepts/tokens/fungible-tokens/",
+        subtitle: "Freeze",
+        description: "If you see signs of suspicious activity, you can suspend trading of your token while investigating the issue.",
+      },
+      {
+        href: "/docs/concepts/tokens/fungible-tokens/clawing-back-tokens/",
+        subtitle: "Clawback",
+        description: "Recover tokens distributed to accounts in error: for example, reclaim funds sent to an account sanctioned for illegal activity.",
+      },
+    ],
   },
   {
     id: "ntf-tokens",
     title: "Non-transferable Tokens",
-    description: (
-      <>
-        <Link to="/docs/concepts/tokens/nfts/non-transferable-tokens/"><h5 className="card-subhead">{translate("Transferable flag:")}</h5></Link>
-        {translate(
-          "Native support for nontransferable items such as identity tokens, airline credits, and consumer rewards, honored by all on-chain participants."
-        )}
-      </>
-    ),
+    contents: [
+      {
+        href: "/docs/concepts/tokens/nfts/non-transferable-tokens/",
+        subtitle: "Transferable flag",
+        description: "Native support for nontransferable items such as identity tokens, airline credits, and consumer rewards, honored by all on-chain participants.",
+      },
+    ],
   },
   {
     id: "royalties",
     title: "Royalties",
-    subtitle: "Secures Creator Compensation:",
-    description: (
-      <>
-        <Link to="/docs/references/protocol/data-types/nftoken/#transferfee"><h5 className="card-subhead">{translate("NFT Transfer Fees:")}</h5></Link>
-        {translate(
-          "Reliably collect your percentage of the sale price of your tokens."
-        )}
-      </>
-    ),
+    contents: [
+      {
+        href: "/docs/references/protocol/data-types/nftoken/#transferfee",
+        subtitle: "NFT Transfer Fees",
+        description: "Reliably collect your percentage of the sale price of your tokens.",
+      },
+    ],
   },
 ];
 
@@ -135,7 +137,7 @@ const projects = [
   {
     id: "xaman",
     label: "Xaman labs",
-    url: "https://github.com/XRPL-Labs/Xaman-App",
+    url: "https://xumm.app",
   },
   {
     id: "amy",
@@ -245,6 +247,8 @@ const FeaturedProjects = () => {
 
 export default function Tokenization() {
   const modalRef = useRef(null);
+  const { useTranslate } = useThemeHooks();
+  const { translate } = useTranslate();
 
   return (
     <div className="landing page-tokenization">
@@ -277,12 +281,12 @@ export default function Tokenization() {
               <NavList pages={useCases} bottomBorder={false} />
             </div>
             <div className="d-flex">
-              <a
+              <Link
                 className="btn btn-primary d-inline-flex align-items-center"
-                href="/docs"
+                to="/docs"
               >
                 {translate("Quick Start")}
-              </a>{" "}
+              </Link>{" "}
               <a
                 className="ml-4 video-external-link btn-none"
                 target="_blank"
@@ -312,7 +316,7 @@ export default function Tokenization() {
             <div className="security-card" key={advantage.id}>
               <div className="card-body p-6">
                 <h4 className="card-title h6">{translate(advantage.title)}</h4>
-                <div>{advantage.description}</div>
+                {SecurityAdvantageCard(advantage.contents)}
               </div>
             </div>
           ))}