Pass in microcopy

chromeos · Jul 8, 2024 · b1cd531 · b1cd531
1 parent e4171c4
commit b1cd531
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/site/src/components/ReadingTime.svelte b/site/src/components/ReadingTime.svelte
@@ -5,11 +5,11 @@
 
   export let body: PortableTextBlock[];
   export let label = 'Reading time';
-  export let duration = `{{n}} minutes`;
+  export let duration = `((n)) minutes`;
   export let wrapper = 'div';
 
   const { minutes } = readingTime(toPlainText(body));
-  const length = duration.replace('{{n}}', `${Math.ceil(minutes)}`);
+  const length = duration.replace('((n))', `${Math.ceil(minutes)}`);
 </script>
 
 <svelte:element this={wrapper} class="extras-section">

diff --git a/site/src/layouts/views/Post.astro b/site/src/layouts/views/Post.astro
@@ -104,7 +104,11 @@ const showUpdated =
     <!-- Author Info -->
     <Authors {...authors} />
     <!-- Reading Time -->
-    <ReadingTime body={post.body} />
+    <ReadingTime
+      body={post.body}
+      label={microcopy.meta?.readtime}
+      duration={microcopy.tutorials.minutes}
+    />
     <!-- Published date info -->
     <Published
       locale={locale.code}

diff --git a/site/types/sanity.d.ts b/site/types/sanity.d.ts
@@ -462,6 +462,7 @@ export type Microcopy = {
   };
   meta: {
     authored: string;
+    readtime: string;
     toc: string;
     updated: string;
     posted: string;