From 5c3336d157f6761b053c697f61a7552ec35a1189 Mon Sep 17 00:00:00 2001
From: Joost De Cock <joost@joost.at>
Date: Thu, 12 Oct 2023 19:43:27 +0200
Subject: [PATCH] fix(shared): Small component fixes

---
 sites/shared/components/mdx/index.mjs    | 2 +-
 sites/shared/components/popout/index.mjs | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/sites/shared/components/mdx/index.mjs b/sites/shared/components/mdx/index.mjs
index c5baa8cd66b..5ecc1ad8910 100644
--- a/sites/shared/components/mdx/index.mjs
+++ b/sites/shared/components/mdx/index.mjs
@@ -72,7 +72,7 @@ export const components = (site = 'org', slug = []) => {
 
   if (site === 'org' && Array.isArray(slug)) {
     const url = slug.join('/')
-    if (url.indexOf('various/notation') !== -1 || url.indexOf('sewing/on-the-fold') !== -1)
+    if (url.indexOf('about/notation') !== -1 || url.indexOf('sewing/on-the-fold') !== -1)
       specific.Legend = Legend
   }
 
diff --git a/sites/shared/components/popout/index.mjs b/sites/shared/components/popout/index.mjs
index 820a4bc2680..62c8a457f52 100644
--- a/sites/shared/components/popout/index.mjs
+++ b/sites/shared/components/popout/index.mjs
@@ -67,7 +67,7 @@ export const Popout = (props) => {
         <div className={`font-bold flex flex-row gap-1 items-end justify-between`}>
           <div>
             <span className={`font-bold uppercase text-${color}`}>
-              {type === 'tldr' ? 'TL;DR' : type}
+              {type === 'tldr' ? 'TL;DR' : t(`popout:${type}`)}
             </span>
             <span className={`font-normal text-base text-${color}`}>
               {type === 'comment' && (