Some changes in string concatenation

json-schema-org · Oct 26, 2024 · a747a87 · a747a87
1 parent 86a8dfe
commit a747a87
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/pages/blog/index.page.tsx b/pages/blog/index.page.tsx
@@ -301,16 +301,24 @@ export default function StaticMarkdownPage({
                         >
                           <div className='flex flex-row pl-2 mr-2'>
                             {(frontmatter.authors || []).map(
-                              (author: Author, index: number) => (
-                                <div
-                                  key={index}
-                                  className={`bg-slate-50 ${frontmatter.authors.length > 2 ? 'h-8 w-8' : 'h-11 w-11'} rounded-full -ml-3 bg-cover bg-center border-2 border-white`}
-                                  style={{
-                                    backgroundImage: `url(${author.photo})`,
-                                    zIndex: 10 - index,
-                                  }}
-                                />
-                              ),
+                              (author: Author, index: number) => {
+                                const isMultipleAuthors =
+                                  frontmatter.authors.length > 2;
+                                const sizeClass = isMultipleAuthors
+                                  ? 'h-8 w-8'
+                                  : 'h-11 w-11';
+
+                                return (
+                                  <div
+                                    key={index}
+                                    className={`bg-slate-50 rounded-full -ml-3 bg-cover bg-center border-2 border-white ${sizeClass}`}
+                                    style={{
+                                      backgroundImage: `url(${author.photo})`,
+                                      zIndex: 10 - index,
+                                    }}
+                                  />
+                                );
+                              },
                             )}
                           </div>