fix: 404 issues

thedaviddias · Aug 2, 2023 · 345e121 · 345e121 · vercel · Aug 2, 2023
1 parent 0728644
commit 345e121
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 10 deletions.
diff --git a/apps/blog/public/rss/feed.json b/apps/blog/public/rss/feed.json
@@ -75,6 +75,7 @@
             "content_html": "<p class=\"prose max-w-full text-lg my-3 leading-relaxed dark:text-gray-300 \">This was a long wait! After months of lurking on Youtube watching others playing with their Deck, I finally got <strong class=\"dark:text-white\">my purchase confirmation email</strong> for the Steam Deck!</p>\n<p class=\"prose max-w-full text-lg my-3 leading-relaxed dark:text-gray-300 \"><div class=\"my-3\"><a class=\"cursor-pointer hover:underline undefined\" aria-label=\"Click to enlarge the image\" href=\"/images/notes/steam-deck-email-purchase.jpg\"><img alt=\"\" loading=\"lazy\" width=\"1028\" height=\"1267\" decoding=\"async\" data-nimg=\"1\" class=\"rounded-lg\" style=\"color:transparent;width:100%;height:auto;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http%3A//www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 1028 1267&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage preserveAspectRatio=&#x27;none&#x27; filter=&#x27;url(%23b)&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; height=&#x27;100%25&#x27; width=&#x27;100%25&#x27; href=&#x27;data:image/webp;base64,UklGRlgAAABXRUJQVlA4IEwAAADwAQCdASoNABAABUB8JbAC7AEDu0jTroAA/olbK3WJ/qXu/CdoB1JYdu3K91Eqv90rVt9vA7kZk5HiLLS+mg9AhI9Dgb2IHTkT8AAA&#x27;/%3E%3C/svg%3E&quot;)\" sizes=\"100vw\" srcSet=\"/_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=640&amp;q=80 640w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=750&amp;q=80 750w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=828&amp;q=80 828w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=1080&amp;q=80 1080w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=1200&amp;q=80 1200w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=1920&amp;q=80 1920w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=2048&amp;q=80 2048w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=3840&amp;q=80 3840w\" src=\"/_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=3840&amp;q=80\"/></a></div></p>\n<p class=\"prose max-w-full text-lg my-3 leading-relaxed dark:text-gray-300 \">What kept me sane during this time was probably <span class=\"not-prose\"><a href=\"https://getmydeck.ingenhaag.dev/s/US/256/1626745255\" rel=\"noopener noreferrer\" target=\"_blank\" class=\"external-link\">this tool</a></span> created by <span class=\"not-prose\"><a href=\"https://www.reddit.com/u/Labidou51\" rel=\"noopener noreferrer\" target=\"_blank\" class=\"external-link\">Labidou51</a></span>. I was able to get a sense of when I would receive the email confirmation.</p>\n<div class=\"mb-2\"><div class=\"rsme-embed rsme-twitter-embed\" style=\"overflow:hidden;border-radius:12px\"><style class=\"\">\n        .rsme-embed .rsme-d-none {\n          display: none;\n        }\n    \n        .rsme-embed .twitter-tweet {\n          margin: 0 !important;\n        }\n    \n        .rsme-embed blockquote {\n          margin: 0 !important;\n          padding: 0 !important;\n        }\n\n        .rsme-embed.rsme-facebook-embed .fb-post iframe {\n          width: 100% !important;\n        }\n\n        .rsme-embed.rsme-facebook-embed .fb-post span {\n          width: 100% !important;\n        }\n      </style><div style=\"overflow:hidden;border:solid 1px #c9d4d9;background-color:#ffffff;border-radius:12px;box-sizing:border-box;position:relative;min-width:250px;max-width:550px;width:100%;height:350px\" class=\"\"><style class=\"\">\n        .rsme-embed .rsme-d-none {\n          display: none;\n        }\n    \n        .rsme-embed .twitter-tweet {\n          margin: 0 !important;\n        }\n    \n        .rsme-embed blockquote {\n          margin: 0 !important;\n          padding: 0 !important;\n        }\n\n        .rsme-embed.rsme-facebook-embed .fb-post iframe {\n          width: 100% !important;\n        }\n\n        .rsme-embed.rsme-facebook-embed .fb-post span {\n          width: 100% !important;\n        }\n      </style><a href=\"https://twitter.com/TheDavidDias/status/1553069456704020480?s=20&amp;t=5VHTZkURrFadrkG3H1nU1Q\" style=\"text-decoration:none\" target=\"_blank\" rel=\"noopener noreferrer\"><div style=\"position:absolute;top:0;left:0;display:flex;justify-content:space-between;align-items:start;padding-left:16px;padding-right:16px;padding-top:16px;padding-bottom:16px;z-index:2;background-color:#ffffff\"><div class=\"\"><div style=\"display:flex;column-gap:14px\"><div style=\"background-color:#F4F4F4;border-radius:50%;width:40px;height:40px\"></div><div style=\"display:flex;flex-direction:column;justify-content:center;row-gap:6px\"><div style=\"background-color:#F4F4F4;border-radius:4px;width:100px;height:14px\"></div><div style=\"background-color:#F4F4F4;border-radius:4px;width:60px;height:14px\"></div></div></div></div></div><div style=\"display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%\"><div style=\"display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;row-gap:16px;z-index:3;padding:8px;background-color:#ffffff\"><style>\n        .rsme-spinner {\n          border: 3px solid rgba(0,0,0,0.75);\n          border-right-color: transparent;\n          border-radius: 50%;\n          animation: rsme-spin 1s linear infinite;\n        }\n        @keyframes rsme-spin {\n          0% {\n            transform: rotate(0deg);\n          }\n          100% {\n            transform: rotate(360deg);\n          }\n        }  \n      </style><div class=\"rsme-spinner\" style=\"width:10px;height:10px\"></div><div style=\"color:#000000;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-weight:550;line-height:18px;text-align:center\">View post on Twitter</div></div></div><div style=\"position:absolute;bottom:0;left:0;height:40px;width:100%;background-color:#ffffff;z-index:1\"><div style=\"display:flex;align-items:center;column-gap:14px;margin-left:16px\" class=\"\"><div><div style=\"background-color:#F4F4F4;border-radius:50%;height:12.5px;width:12.5px;transform:translateX(0px) translateY(7px)\"></div><div style=\"background-color:#F4F4F4;height:12.5px;transform:rotate(-45deg) translateX(3px) translateY(1px);width:12.5px;flex-grow:0;margin-right:6px;margin-left:2px\"></div><div style=\"background-color:#F4F4F4;border-radius:50%;height:12.5px;width:12.5px;transform:translateX(9px) translateY(-18px)\"></div></div><div><div style=\"background-color:#F4F4F4;border-radius:50%;height:20px;width:20px\"></div><div style=\"width:0;height:0;border-top:2px solid transparent;border-left:6px solid #f4f4f4;border-bottom:2px solid transparent;transform:translateX(16px) translateY(-4px) rotate(30deg)\"></div></div><div style=\"height:25px;width:25px;transform:translateX(0px) translateY(-2px)\"><svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" xml:space=\"preserve\"><path style=\"fill:#F4F4F4\" d=\"M295.204,180.593C132.168,180.593,0,312.759,0,475.796\nc51.398-130.047,184.869-203.22,317.483-183.603L295.204,180.593z\"></path><path style=\"fill:#F4F4F4\" d=\"M512,253L295.204,36.204v217.818C159.946,249.655,34.992,339.262,0,475.794\nc59.905-109.171,178.724-165.463,295.204-151.033v145.035L512,253z\"></path></svg></div></div></div></a></div><div></div></div></div>\n<p class=\"prose max-w-full text-lg my-3 leading-relaxed dark:text-gray-300 \">Some more days to wait and I hope to get this new amazing piece of tech (it&#x27;s a computer) in my own hands! Maybe I can find a <span class=\"not-prose\"><a href=\"https://dbrand.com/shop/steam-deck-skins\" rel=\"noopener noreferrer\" target=\"_blank\" class=\"external-link\">nice skin on Dbrand</a></span> in the meantime 😜?!</p>",
             "url": "https://thedaviddias.dev/notes/finally-received-steam-deck-confirmation-email",
             "title": "Finally received my Steam Deck confirmation email!",
+            "summary": "After months of waiting, I finally received my Steam Deck confirmation email!",
             "date_modified": "2022-07-28T15:47:33.508Z",
             "author": {
                 "name": "David Dias",

diff --git a/apps/blog/public/rss/feed.xml b/apps/blog/public/rss/feed.xml
@@ -4,7 +4,7 @@
         <title>The David Dias | Front-End Developer, Podcaster &amp; Content Creator</title>
         <link>https://thedaviddias.dev</link>
         <description>Hey, I'm David Dias, a Front-End Developer based in Toronto/Canada. I love discussing code, technology, expatriation and life.</description>
-        <lastBuildDate>Wed, 02 Aug 2023 22:55:30 GMT</lastBuildDate>
+        <lastBuildDate>Wed, 02 Aug 2023 23:12:10 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>en-US</language>
@@ -143,6 +143,7 @@ jobs:
             <link>https://thedaviddias.dev/notes/finally-received-steam-deck-confirmation-email</link>
             <guid>https://thedaviddias.dev/notes/finally-received-steam-deck-confirmation-email</guid>
             <pubDate>Thu, 28 Jul 2022 15:47:33 GMT</pubDate>
+            <description><![CDATA[After months of waiting, I finally received my Steam Deck confirmation email!]]></description>
             <content:encoded><![CDATA[<p class="prose max-w-full text-lg my-3 leading-relaxed dark:text-gray-300 ">This was a long wait! After months of lurking on Youtube watching others playing with their Deck, I finally got <strong class="dark:text-white">my purchase confirmation email</strong> for the Steam Deck!</p>
 <p class="prose max-w-full text-lg my-3 leading-relaxed dark:text-gray-300 "><div class="my-3"><a class="cursor-pointer hover:underline undefined" aria-label="Click to enlarge the image" href="/images/notes/steam-deck-email-purchase.jpg"><img alt="" loading="lazy" width="1028" height="1267" decoding="async" data-nimg="1" class="rounded-lg" style="color:transparent;width:100%;height:auto;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http%3A//www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 1028 1267&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage preserveAspectRatio=&#x27;none&#x27; filter=&#x27;url(%23b)&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; height=&#x27;100%25&#x27; width=&#x27;100%25&#x27; href=&#x27;data:image/webp;base64,UklGRlgAAABXRUJQVlA4IEwAAADwAQCdASoNABAABUB8JbAC7AEDu0jTroAA/olbK3WJ/qXu/CdoB1JYdu3K91Eqv90rVt9vA7kZk5HiLLS+mg9AhI9Dgb2IHTkT8AAA&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=640&amp;q=80 640w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=750&amp;q=80 750w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=828&amp;q=80 828w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=1080&amp;q=80 1080w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=1200&amp;q=80 1200w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=1920&amp;q=80 1920w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=2048&amp;q=80 2048w, /_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=3840&amp;q=80 3840w" src="/_next/image?url=%2Fimages%2Fnotes%2Fsteam-deck-email-purchase.jpg&amp;w=3840&amp;q=80"/></a></div></p>
 <p class="prose max-w-full text-lg my-3 leading-relaxed dark:text-gray-300 ">What kept me sane during this time was probably <span class="not-prose"><a href="https://getmydeck.ingenhaag.dev/s/US/256/1626745255" rel="noopener noreferrer" target="_blank" class="external-link">this tool</a></span> created by <span class="not-prose"><a href="https://www.reddit.com/u/Labidou51" rel="noopener noreferrer" target="_blank" class="external-link">Labidou51</a></span>. I was able to get a sense of when I would receive the email confirmation.</p>

diff --git a/apps/blog/public/rss/fr/feed.xml b/apps/blog/public/rss/fr/feed.xml
@@ -4,7 +4,7 @@
         <title>The David Dias | Développeur Front-End, podcasteur &amp; créateur de contenu</title>
         <link>https://thedaviddias.dev</link>
         <description>Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web.</description>
-        <lastBuildDate>Wed, 02 Aug 2023 22:55:30 GMT</lastBuildDate>
+        <lastBuildDate>Wed, 02 Aug 2023 23:12:10 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>fr</language>

diff --git a/apps/blog/src/components/ChangeLanguage/ChangeLanguage.tsx b/apps/blog/src/components/ChangeLanguage/ChangeLanguage.tsx
@@ -29,7 +29,10 @@ export const ChangeLanguage: FC<ChangeLanguageProps> = ({ hasTranslation = true
 
     let redirectPath = router.asPath
     if (
-      (router.asPath.includes('/articles/') || router.asPath.includes('/notes/')) &&
+      (router.asPath.includes('/articles/') ||
+        router.asPath.includes('/notes/') ||
+        router.asPath.includes('/categories/') ||
+        router.asPath.includes('/tags/')) &&
       !['/articles', '/notes'].includes(router.asPath)
     ) {
       redirectPath = '/'

diff --git a/apps/blog/src/pages/tags/[tag].tsx b/apps/blog/src/pages/tags/[tag].tsx
@@ -3,6 +3,7 @@ import type { GetStaticProps, NextPage } from 'next'
 import { Params } from 'next/dist/shared/lib/router/utils/route-matcher'
 import { NextSeo } from 'next-seo'
 import useTranslation from 'next-translate/useTranslation'
+import React from 'react'
 
 import { BlogPost } from '@/components/BlogPost'
 import { Container } from '@/components/Container'
@@ -45,13 +46,9 @@ const TagPage: NextPage<CategoryPageProps> = ({ posts, tag }) => {
 
           <div className="grid grid-cols-1 lg:col-span-2">
             {posts?.map((post, i) => (
-              <>
-                {isArticleType(post) ? (
-                  <BlogPost key={`${i}-article`} post={post} />
-                ) : (
-                  <Notes key={`${i}-note`} note={post} />
-                )}
-              </>
+              <React.Fragment key={i}>
+                {isArticleType(post) ? <BlogPost post={post} /> : <Notes note={post} />}
+              </React.Fragment>
             ))}
           </div>
           {posts?.length ? (