fix(grammar): LocalisedLink -> LocalizedLink (#5122)

fix(grammar): LocalisedLink ->LocalizedLink

Co-authored-by: Claudio Wunder <[email protected]>

Author: AugustinMauroy

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" />

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">

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,21 +30,21 @@ const Header = () => {
   return (
     <header aria-label="Primary">
       <div className="container">
-        <LocalisedLink href="/" className="logo">
+        <LocalizedLink href="/" className="logo">
           <Image
             priority
             width="111"
             height="33"
             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>

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>

components/LocalisedLink.tsx renamed to 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;

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>
 );

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>

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!,

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>

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>