[Hotfix] Fixes status.network blog rendering issues (#1064)

* fix: improve blog dynamic rendering and locale resolution

* fix: remove height restriction on tag display in post cards

Author: jinhojang6

.changeset/calm-birds-rest.md

@@ -0,0 +1,5 @@
+---
+'status.network': patch
+---
+
+Fix blog dynamic rendering and locale resolution

apps/status.network/src/app/[locale]/blog/[slug]/page.tsx

@@ -1,5 +1,5 @@
 import { getPostFAQItems } from '~app/_lib/faq'
-import { getPostBySlug, getPostsByTagSlug, getPostSlugs } from '~app/_lib/ghost'
+import { getPostBySlug, getPostsByTagSlug } from '~app/_lib/ghost'
 import { Metadata } from '~app/_metadata'
 import { formatDate } from '~app/_utils/format-date'
 import { jsonLD, JSONLDScript } from '~app/_utils/json-ld'
@@ -9,17 +9,12 @@ import { notFound } from 'next/navigation'
 import { PostAuthor } from '../../../_components/blog/post-author'
 import { PostCard } from '../../../_components/blog/post-card'
 
-export const dynamicParams = true
+export const dynamic = 'force-dynamic'
 
 type Props = {
   params: Promise<{ slug: string }>
 }
 
-export async function generateStaticParams() {
-  const slugs = await getPostSlugs()
-  return slugs.map(slug => ({ slug }))
-}
-
 export async function generateMetadata({ params }: Props) {
   const { slug } = await params
   const post = await getPostBySlug(slug)

apps/status.network/src/app/[locale]/blog/layout.tsx

@@ -2,6 +2,8 @@ import { Divider } from '~app/_components/divider'
 import { Footer } from '~app/_components/footer'
 import { BlogHeader } from '../../_components/blog/blog-header'
 
+export const dynamic = 'force-dynamic'
+
 type Props = {
   children: React.ReactNode
 }

apps/status.network/src/app/[locale]/layout.tsx

@@ -1,22 +1,13 @@
-import { getPathname } from '@status-im/status-network/utils'
+import { routing } from '~/i18n/routing'
 import { NextIntlClientProvider } from 'next-intl'
 import { getMessages } from 'next-intl/server'
-import { Metadata } from '../_metadata'
 
-export async function generateMetadata({
-  params,
-}: {
-  params: Promise<{ locale: string }>
-}) {
-  const { locale } = await params
-  const pathname = await getPathname()
-
-  return Metadata({
-    pathname,
-    locale,
-  })
+export function generateStaticParams() {
+  return routing.locales.map(locale => ({ locale }))
 }
 
+export const dynamicParams = false
+
 type Props = {
   children: React.ReactNode
   params: Promise<{ locale: string }>

apps/status.network/src/app/_components/blog/post-card.tsx

@@ -27,7 +27,7 @@ export async function PostCard({
     >
       <div className="flex grow flex-col gap-2 p-4">
         {showTag && (
-          <div className="h-6 overflow-hidden">
+          <div>
             {tag && (
               <span className="inline-flex rounded-20 border border-neutral-20 px-2 py-[3px] text-13 font-500">
                 {tag.name}
@@ -93,7 +93,7 @@ export async function HighlightedPostCard({ post }: HighlightedPostCardProps) {
       </div>
 
       <div className="flex flex-col gap-2 xl:py-5 xl:pr-5">
-        <div className="h-6 overflow-hidden">
+        <div>
           {tag && (
             <span className="inline-flex rounded-20 border border-neutral-20 px-2 py-[3px] text-13 font-500">
               {tag.name}