fix: blog landing page having problem with showing 2 authors names (a…

…syncapi#3051) Co-authored-by: asyncapi-bot <[email protected]>%0ACo-authored-by: Lukasz Gornicki <[email protected]>
GUNGODD · Jul 26, 2024 · 63d64bf · 63d64bf
1 parent 1ab6e4a
commit 63d64bf
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 15 deletions.
diff --git a/components/campaigns/AnnouncementHero.tsx b/components/campaigns/AnnouncementHero.tsx
@@ -57,7 +57,7 @@ export default function AnnouncementHero({ className = '', small = false }: IAnn
           </div>
         )}
         <div className='relative flex w-5/6 flex-col items-center justify-center gap-2'>
-          <div className='relative flex items-center justify-center min-h-72 w-full overflow-hidden lg:h-[17rem] lg:w-[38rem]'>
+          <div className='relative flex min-h-72 w-full items-center justify-center overflow-hidden lg:h-[17rem] lg:w-[38rem]'>
             {banners.map(
               (banner, index) =>
                 banner.show && (

diff --git a/components/helpers/read-yaml-file.js b/components/helpers/read-yaml-file.js
diff --git a/components/navigation/BlogPostItem.tsx b/components/navigation/BlogPostItem.tsx
@@ -112,7 +112,11 @@ export default forwardRef(function BlogPostItem(
                             author.name
                           )
                         )
-                        .reduce((prev, curr) => [prev, ' & ', curr].join(''))}
+                        .reduce((prev, curr) => (
+                          <>
+                            {prev} & {curr}
+                          </>
+                        ))}
                     </span>
                   </Heading>
                   <Paragraph typeStyle={ParagraphTypeStyle.sm} className='flex'>

diff --git a/pages/casestudies/[id].tsx b/pages/casestudies/[id].tsx
@@ -3,6 +3,7 @@ import type { MDXRemoteSerializeResult } from 'next-mdx-remote';
 import { MDXRemote } from 'next-mdx-remote';
 import { serialize } from 'next-mdx-remote/serialize';
 
+import { readYamlFile } from '@/components/helpers/read-yaml-file';
 import type { ICaseStudy } from '@/types/post';
 import { HeadingTypeStyle } from '@/types/typography/Heading';
 import { ParagraphTypeStyle } from '@/types/typography/Paragraph';
@@ -14,7 +15,6 @@ import Heading from '../../components/typography/Heading';
 import Paragraph from '../../components/typography/Paragraph';
 import CaseStudiesList from '../../config/case-studies.json';
 import { generateCaseStudyContent } from '../../utils/staticHelpers';
-import { readYamlFile } from '@/components/helpers/read-yaml-file';
 
 interface IndexProps {
   casestudy: ICaseStudy;