fix: migrate as per recommendations

freeCodeCamp · Sep 18, 2024 · 2ee4a25 · 2ee4a25
1 parent 56e5bc3
commit 2ee4a25
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/src/components/FCCMobileMenuToggle.astro b/src/components/FCCMobileMenuToggle.astro
@@ -1,14 +1,11 @@
 ---
-import type { Props } from '@astrojs/starlight/props';
 import { Icon } from '@astrojs/starlight/components';
-
-const { labels } = Astro.props;
 ---
 
 <starlight-menu-button>
   <button
     aria-expanded='false'
-    aria-label={labels['menuButton.accessibleLabel']}
+    aria-label={Astro.locals.t('menuButton.accessibleLabel')}
     aria-controls='starlight__sidebar'
     class='sl-flex md:sl-hidden'
   >

diff --git a/src/components/FCCPagination.astro b/src/components/FCCPagination.astro
@@ -8,17 +8,12 @@ interface Pagination {
   next?: { label: keyof CollectionEntry<'i18n'>['data']; href: string };
 }
 
-interface Label {
-  [key: string]: string;
-}
-
 interface Props {
   dir: string;
-  labels: Label;
   pagination: Pagination;
 }
 
-const { dir, labels, pagination } = Astro.props;
+const { dir, pagination } = Astro.props;
 const { prev, next } = pagination;
 
 const isRtl = dir === 'rtl';
@@ -35,7 +30,7 @@ const prefix = Astro.currentLocale == 'en' ? '' : Astro.currentLocale;
       <a href={`${prefix}${prev.href}`} rel='prev'>
         <Icon name={isRtl ? 'right-arrow' : 'left-arrow'} size='1.5rem' />
         <span>
-          {labels['page.previousLink']}
+          {Astro.locals.t('page.previousLink')}
           <br />
           <span class='link-title'>{entry?.data[prev.label]}</span>
         </span>
@@ -47,7 +42,7 @@ const prefix = Astro.currentLocale == 'en' ? '' : Astro.currentLocale;
       <a href={`${prefix}${next.href}`} rel='next'>
         <Icon name={isRtl ? 'left-arrow' : 'right-arrow'} size='1.5rem' />
         <span>
-          {labels['page.nextLink']}
+          {Astro.locals.t('page.nextLink')}
           <br />
           <span class='link-title'>{entry?.data[next.label]}</span>
         </span>