From 88c30812970cead221e71f7e64de6e50add18cba Mon Sep 17 00:00:00 2001
From: Augustin Mauroy <97875033+AugustinMauroy@users.noreply.github.com>
Date: Tue, 14 Mar 2023 19:25:14 +0100
Subject: [PATCH] fix(grammar): LocalisedLink -> LocalizedLink (#5122)

fix(grammar): LocalisedLink ->LocalizedLink

Co-authored-by: Claudio Wunder <cwunder@gnome.org>
---
 components/Downloads/DownloadList.tsx               |  4 ++--
 components/Downloads/PrimaryDownloadMatrix.tsx      | 10 +++++-----
 components/Header.tsx                               |  8 ++++----
 components/Home/HomeDownloadButton.tsx              | 12 ++++++------
 components/{LocalisedLink.tsx => LocalizedLink.tsx} | 10 +++++-----
 components/Pagination.tsx                           | 10 +++++-----
 components/SideNavigation.tsx                       |  4 ++--
 hooks/useLocale.ts                                  |  4 ++--
 layouts/BlogIndexLayout.tsx                         |  4 ++--
 layouts/CategoryIndexLayout.tsx                     |  4 ++--
 10 files changed, 35 insertions(+), 35 deletions(-)
 rename components/{LocalisedLink.tsx => LocalizedLink.tsx} (70%)

diff --git a/components/Downloads/DownloadList.tsx b/components/Downloads/DownloadList.tsx
index 288eae1827625..b4293f8d17b86 100644
--- a/components/Downloads/DownloadList.tsx
+++ b/components/Downloads/DownloadList.tsx
@@ -1,6 +1,6 @@
 import { FormattedMessage } from 'react-intl';
 
-import LocalisedLink from '../LocalisedLink';
+import LocalizedLink from '../LocalizedLink';
 import { useNavigation } from '../../hooks/useNavigation';
 
 import type { NodeVersionData } from '../../types';
@@ -20,7 +20,7 @@ const DownloadList = (props: DownloadListProps) => {
       <ul>
         {downloadNavigation.map((item, key) => (
           <li key={key}>
-            <LocalisedLink href={item.link}>{item.text}</LocalisedLink>
+            <LocalizedLink href={item.link}>{item.text}</LocalizedLink>
             {item.key === 'shaSums' && (
               <a href="https://github.com/nodejs/node#verifying-binaries">
                 <FormattedMessage id="components.downloadList.links.shaSums.howToVerify" />
diff --git a/components/Downloads/PrimaryDownloadMatrix.tsx b/components/Downloads/PrimaryDownloadMatrix.tsx
index d6defb6bcba5c..9fa8fde705efc 100644
--- a/components/Downloads/PrimaryDownloadMatrix.tsx
+++ b/components/Downloads/PrimaryDownloadMatrix.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 
-import LocalisedLink from '../LocalisedLink';
+import LocalizedLink from '../LocalizedLink';
 import { useNextraContext } from '../../hooks/useNextraContext';
 
 import type { NodeVersionData, LegacyDownloadsFrontMatter } from '../../types';
@@ -31,24 +31,24 @@ const PrimaryDownloadMatrix = (props: PrimaryDownloadMatrixProps) => {
       <div className="download-hero full-width">
         <ul className="no-padding download-version-toggle">
           <li>
-            <LocalisedLink
+            <LocalizedLink
               className={getIsVersionClassName(props.isLts)}
               href="/download/"
               title={`${downloads['display-hint']} ${downloads.lts}`}
             >
               <div className="title">{downloads.lts}</div>
               <div className="tag">{downloads['tagline-lts']}</div>
-            </LocalisedLink>
+            </LocalizedLink>
           </li>
           <li>
-            <LocalisedLink
+            <LocalizedLink
               className={getIsVersionClassName(!props.isLts)}
               href="/download/current/"
               title={`${downloads['display-hint']} ${downloads.current}`}
             >
               <div className="title">{downloads.current}</div>
               <div className="tag">{downloads['tagline-current']}</div>
-            </LocalisedLink>
+            </LocalizedLink>
           </li>
         </ul>
         <ul className="no-padding download-platform">
diff --git a/components/Header.tsx b/components/Header.tsx
index 9cfeb04896fa3..155e31aef49f6 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -2,7 +2,7 @@ import { useIntl } from 'react-intl';
 import Image from 'next/image';
 import classNames from 'classnames';
 
-import LocalisedLink from './LocalisedLink';
+import LocalizedLink from './LocalizedLink';
 import { useLocale } from '../hooks/useLocale';
 import { useNavigation } from '../hooks/useNavigation';
 import { useRouter } from 'next/router';
@@ -30,7 +30,7 @@ const Header = () => {
   return (
     <header aria-label="Primary">
       <div className="container">
-        <LocalisedLink href="/" className="logo">
+        <LocalizedLink href="/" className="logo">
           <Image
             priority
             width="111"
@@ -38,13 +38,13 @@ const Header = () => {
             src="/static/images/logo.svg"
             alt="Node.js"
           />
-        </LocalisedLink>
+        </LocalizedLink>
 
         <nav aria-label="primary">
           <ul className="list-divider-pipe">
             {navigationItems.map((item, key) => (
               <li key={key} className={getLinkClassName(item.link)}>
-                <LocalisedLink href={item.link}>{item.text}</LocalisedLink>
+                <LocalizedLink href={item.link}>{item.text}</LocalizedLink>
               </li>
             ))}
           </ul>
diff --git a/components/Home/HomeDownloadButton.tsx b/components/Home/HomeDownloadButton.tsx
index 9cd9568b1265d..cc397acd00eac 100644
--- a/components/Home/HomeDownloadButton.tsx
+++ b/components/Home/HomeDownloadButton.tsx
@@ -1,4 +1,4 @@
-import LocalisedLink from '../LocalisedLink';
+import LocalizedLink from '../LocalizedLink';
 import { useNextraContext } from '../../hooks/useNextraContext';
 import { getNodejsChangelog } from '../../util/getNodeJsChangelog';
 
@@ -35,17 +35,17 @@ const HomeDownloadButton = (props: HomeDownloadButtonProps) => {
 
       <ul className="list-divider-pipe home-secondary-links">
         <li>
-          <LocalisedLink href="/download/">
+          <LocalizedLink href="/download/">
             {labels['other-downloads']}
-          </LocalisedLink>
+          </LocalizedLink>
         </li>
         <li>
-          <LocalisedLink href={getNodejsChangelog(props.node)}>
+          <LocalizedLink href={getNodejsChangelog(props.node)}>
             {labels.changelog}
-          </LocalisedLink>
+          </LocalizedLink>
         </li>
         <li>
-          <LocalisedLink href={nodeApiLink}>{labels.api}</LocalisedLink>
+          <LocalizedLink href={nodeApiLink}>{labels.api}</LocalizedLink>
         </li>
       </ul>
     </div>
diff --git a/components/LocalisedLink.tsx b/components/LocalizedLink.tsx
similarity index 70%
rename from components/LocalisedLink.tsx
rename to components/LocalizedLink.tsx
index 78e318574fa3a..03cb82721c78d 100644
--- a/components/LocalisedLink.tsx
+++ b/components/LocalizedLink.tsx
@@ -5,19 +5,19 @@ import type { ComponentProps } from 'react';
 import { useLocale } from '../hooks/useLocale';
 import { linkWithLocale } from '../util/linkWithLocale';
 
-const LocalisedLink = (props: ComponentProps<typeof Link>) => {
+const LocalizedLink = (props: ComponentProps<typeof Link>) => {
   const { href, children, ...extra } = props;
 
   const { currentLocale } = useLocale();
 
-  const localisedUrl = linkWithLocale(currentLocale.code);
+  const localizedUrl = linkWithLocale(currentLocale.code);
 
   const finalHref = useMemo(
     () =>
       /^https?:\/\//.test(href.toString())
         ? href.toString()
-        : localisedUrl(href),
-    [href, localisedUrl]
+        : localizedUrl(href),
+    [href, localizedUrl]
   );
 
   return (
@@ -27,4 +27,4 @@ const LocalisedLink = (props: ComponentProps<typeof Link>) => {
   );
 };
 
-export default LocalisedLink;
+export default LocalizedLink;
diff --git a/components/Pagination.tsx b/components/Pagination.tsx
index 3219d3249de35..dc99ab6a0b82a 100644
--- a/components/Pagination.tsx
+++ b/components/Pagination.tsx
@@ -1,21 +1,21 @@
 import { FormattedMessage } from 'react-intl';
 
-import LocalisedLink from './LocalisedLink';
+import LocalizedLink from './LocalizedLink';
 
 type PaginationProps = { prevSlug?: string; nextSlug?: string };
 
 const Pagination = (props: PaginationProps) => (
   <nav aria-label="pagination" className="pagination">
     {props.nextSlug && (
-      <LocalisedLink href={props.nextSlug}>
+      <LocalizedLink href={props.nextSlug}>
         &lt; <FormattedMessage id="components.pagination.next" />
-      </LocalisedLink>
+      </LocalizedLink>
     )}
 
     {props.prevSlug && (
-      <LocalisedLink href={props.prevSlug}>
+      <LocalizedLink href={props.prevSlug}>
         <FormattedMessage id="components.pagination.previous" /> &gt;
-      </LocalisedLink>
+      </LocalizedLink>
     )}
   </nav>
 );
diff --git a/components/SideNavigation.tsx b/components/SideNavigation.tsx
index 4c3dbe35134ba..b14ee9c3ac442 100644
--- a/components/SideNavigation.tsx
+++ b/components/SideNavigation.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 
-import LocalisedLink from './LocalisedLink';
+import LocalizedLink from './LocalizedLink';
 import { useLocale } from '../hooks/useLocale';
 import { useNavigation } from '../hooks/useNavigation';
 
@@ -25,7 +25,7 @@ const SideNavigation = ({ navigationKey, context }: SideNavigationProps) => {
       <ul>
         {sideNavigationItems.map((item, key) => (
           <li key={key} className={getLinkClassName(item.link)}>
-            <LocalisedLink href={item.link}>{item.text}</LocalisedLink>
+            <LocalizedLink href={item.link}>{item.text}</LocalizedLink>
           </li>
         ))}
       </ul>
diff --git a/hooks/useLocale.ts b/hooks/useLocale.ts
index b9ff133282fd4..96c106344c1f8 100644
--- a/hooks/useLocale.ts
+++ b/hooks/useLocale.ts
@@ -8,10 +8,10 @@ export const useLocale = () => {
   const { currentLocale, availableLocales } = useContext(LocaleContext);
   const { asPath } = useRouter();
 
-  const localisedLink = linkWithLocale(currentLocale!.code);
+  const LocalizedLink = linkWithLocale(currentLocale!.code);
 
   const localisedPath = (route: string) =>
-    localisedLink(route).replace(/[#|?].*$/, '');
+    LocalizedLink(route).replace(/[#|?].*$/, '');
 
   return {
     availableLocales: availableLocales!,
diff --git a/layouts/BlogIndexLayout.tsx b/layouts/BlogIndexLayout.tsx
index b0182fbc5232a..58b08ef72d102 100644
--- a/layouts/BlogIndexLayout.tsx
+++ b/layouts/BlogIndexLayout.tsx
@@ -3,7 +3,7 @@ import type { PropsWithChildren } from 'react';
 
 import BaseLayout from './BaseLayout';
 import Pagination from '../components/Pagination';
-import LocalisedLink from '../components/LocalisedLink';
+import LocalizedLink from '../components/LocalizedLink';
 import { useNextraContext } from '../hooks/useNextraContext';
 import { getTimeComponent } from '../util/getTimeComponent';
 
@@ -25,7 +25,7 @@ const BlogIndexLayout = ({ children }: PropsWithChildren) => {
           {blogData?.posts.map(post => (
             <li key={post.slug}>
               {getTimeComponent(post.date, '%d %b')}
-              <LocalisedLink href={post.slug}>{post.title}</LocalisedLink>
+              <LocalizedLink href={post.slug}>{post.title}</LocalizedLink>
             </li>
           ))}
         </ul>
diff --git a/layouts/CategoryIndexLayout.tsx b/layouts/CategoryIndexLayout.tsx
index 0d8c0cdb07818..b8a742ed8c362 100644
--- a/layouts/CategoryIndexLayout.tsx
+++ b/layouts/CategoryIndexLayout.tsx
@@ -1,7 +1,7 @@
 import type { PropsWithChildren } from 'react';
 
 import BaseLayout from './BaseLayout';
-import LocalisedLink from '../components/LocalisedLink';
+import LocalizedLink from '../components/LocalizedLink';
 import { useNextraContext } from '../hooks/useNextraContext';
 import { getTimeComponent } from '../util/getTimeComponent';
 
@@ -17,7 +17,7 @@ const CategoryIndexLayout = ({ children }: PropsWithChildren) => {
           {blogData?.posts.map(post => (
             <li key={post.slug}>
               {getTimeComponent(post.date, '%d %b %y')}
-              <LocalisedLink href={post.slug}>{post.title}</LocalisedLink>
+              <LocalizedLink href={post.slug}>{post.title}</LocalizedLink>
             </li>
           ))}
         </ul>