Merge commit '3ebafec49747be8216cb4a4414792986d234b5e5' into ja-tokenization

@i18n/ja/resources/contribute-code/index.md

@@ -86,7 +86,7 @@ XLSドラフトを作成した後、その変更にAmendmentが必要かどう
 
 ## コードのフローチャート
 
-![コードのフローチャート](/docs/img/Contribute Code Flowchart.png)
+![コードのフローチャート](/docs/img/contribute-code-flowchart.png)
 
 
 ## 関連項目

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

@@ -113,8 +113,8 @@ const stats = [
   },
   {
     id: "network-speed",
-    stat: "0.4",
+    stat: "4",
-    description: "Network speed (sec)",
+    description: "Seconds to confirmation",
   },
   {
     id: "fee-per-tx",
@@ -172,21 +172,12 @@ const projects = [
 ];
 
 const articles = [
-  {
-    time: "JAN 2024",
-    title: "XRP Price Prediction: Will Ripple Make Waves in 2024?",
-    url: "https://www.forbes.com/advisor/au/investing/cryptocurrency/xrp-price-prediction",
-  },
-  {
-    time: "JAN 2024",
-    title: "XRP Could Surge Massively in 2024",
-    url: "https://u.today/xrp-could-surge-massively-at-beginning-of-2024-heres-why",
-  },
   {
     time: "NOV 2023",
     title: "NFTs and the XRPL: A Marriage of Art and Technology",
     url: "https://medium.com/@MariaSolorzano/title-nfts-and-the-xrpl-a-marriage-of-art-and-technology-cf76a0432693",
   },
+  // TODO: Add more articles that aren't focused on price speculation
 ];
 
 const FeaturedProjects = () => {

resources/contribute-code/index.md

@@ -86,7 +86,7 @@ The general development path breaks down as follows:
 
 ## Code Flowchart
 
-![Code Flowchart](../../docs/img/contribute-code-flowchart.png)
+![Code Flowchart](/docs/img/contribute-code-flowchart.png)
 
 
 ## See Also

resources/dev-tools/xrp-faucets.page.tsx

@@ -100,7 +100,7 @@ export default function XRPFaucets(): React.JSX.Element {
                 )) }
 
                 <br/>
-                <TestCredentials selectedFaucet={selectedFaucet}/>
+                <TestCredentials selectedFaucet={selectedFaucet} translate={translate}/>
             </div>
           </section>
         </main>
@@ -116,7 +116,8 @@ async function generateFaucetCredentialsAndUpdateUI(
   setAddress: React.Dispatch<React.SetStateAction<string>>, 
   setSecret: React.Dispatch<React.SetStateAction<string>>, 
   setBalance: React.Dispatch<React.SetStateAction<string>>, 
-  setSequence: React.Dispatch<React.SetStateAction<string>>): Promise<void> {
+  setSequence: React.Dispatch<React.SetStateAction<string>>,
+  translate: (key: string) => string): Promise<void> {
 
   setButtonClicked(true)
 
@@ -126,8 +127,6 @@ async function generateFaucetCredentialsAndUpdateUI(
   setSecret("")
   setBalance("")
   setSequence("")
-  const { useTranslate } = useThemeHooks();
-  const { translate } = useTranslate();
 
 
   const wallet = Wallet.generate()
@@ -152,9 +151,7 @@ async function generateFaucetCredentialsAndUpdateUI(
   setButtonClicked(false)
 }
 
-function TestCredentials({selectedFaucet}) {
+function TestCredentials({selectedFaucet, translate}) {
-  const { useTranslate } = useThemeHooks();
-  const { translate } = useTranslate();
 
   const [generatedCredentialsFaucet, setGeneratedCredentialsFaucet] = useState("")
   const [address, setAddress] = useState("")
@@ -174,7 +171,8 @@ function TestCredentials({selectedFaucet}) {
                 setAddress, 
                 setSecret, 
                 setBalance, 
-                setSequence)
+                setSequence,
+                translate)
             } className="btn btn-primary mr-2 mb-2">
               {translate(`Generate ${selectedFaucet.shortName} credentials`)}
           </button>