string-ext-07

Nav.tesx.diff

// usage in Nav.tsx
import React from "react";
import { Link } from "react-router-dom";

+ import { useLocaleStrings } from "./StringsContext";

export default function Nav(): React.ReactElement {
+ const { getString } = useLocaleStrings();

  return (
    <nav>
      <ul>
        <li>
-         <Link to="/">Home</Link>
+         <Link to="/">{getString("homePageTitle")}</Link>
        </li>
        <li>
-         <Link to="/about">About</Link>
+         <Link to="/about">{getString("aboutPageTitle")}</Link>
        </li>
      </ul>
    </nav>
  );
}