From 63ee7cd48eeec1826224d4e3dc38cea30b8a65bd Mon Sep 17 00:00:00 2001
From: Iacopo Leardini <iacopo.lea@gmail.com>
Date: Wed, 7 Aug 2024 10:59:04 +0200
Subject: [PATCH] Revert "feat: conditional rendering title in TableRow
 component"

This reverts commit 152aa431a7645d050d956ce13386e83bdd453a0b.
---
 src/stories/table/TableRow.tsx | 22 +++++++++-------------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/stories/table/TableRow.tsx b/src/stories/table/TableRow.tsx
index bab43fb..23c475a 100644
--- a/src/stories/table/TableRow.tsx
+++ b/src/stories/table/TableRow.tsx
@@ -29,7 +29,7 @@ interface CellProps {
 const Cell = ({ data, col }: CellProps) => {
   useWindowSize();
   const isDesktop = window.matchMedia(
-    `only screen and (min-width: ${aqBootstrapTheme.grid.breakpoints.lg})`,
+    `only screen and (min-width: ${aqBootstrapTheme.grid.breakpoints.lg})`
   ).matches;
   const content =
     typeof data === "object" && "content" in data
@@ -43,11 +43,7 @@ const Cell = ({ data, col }: CellProps) => {
         <div>{content}</div>
       ) : (
         <>
-          {!!col.title && (
-            <>
-              <span className="data-index">{col.title}</span>:{" "}
-            </>
-          )}
+          <span className="data-index">{col.title}</span>:{" "}
           <strong>{content}</strong>
         </>
       )}
@@ -74,7 +70,7 @@ const Element = styled.div<ElementProps>`
         : `max-height: max-content;
           height: 100%;
     `}
-  }
+  } ;
 `;
 
 const CardStyle = styled.div`
@@ -210,7 +206,7 @@ export const TableRow = ({
               >
                 <Cell data={dataRow[col.dataIndex]} col={col} />
               </Element>
-            ),
+            )
         )}
         <Element role="more" className="more-info" isCompact={isCompact}>
           {columns.map(
@@ -221,7 +217,7 @@ export const TableRow = ({
                   data={dataRow[col.dataIndex]}
                   col={col}
                 />
-              ),
+              )
           )}
         </Element>
       </CardStyle>
@@ -247,7 +243,7 @@ export const TableRow = ({
               >
                 <Cell data={dataRow[col.dataIndex]} col={col} />
               </ElementAlternative>
-            ),
+            )
         )}
         <ElementsContainer>
           {columns.map(
@@ -256,7 +252,7 @@ export const TableRow = ({
                 <div key={`${dataRow.key}-${col.key}`}>
                   {dataRow[col.dataIndex] as React.ReactNode}
                 </div>
-              ),
+              )
           )}
         </ElementsContainer>
         {columns.map(
@@ -265,14 +261,14 @@ export const TableRow = ({
               <ElementAlternative key={`${dataRow.key}-${col.key}`}>
                 <Cell data={dataRow[col.dataIndex]} col={col} />
               </ElementAlternative>
-            ),
+            )
         )}
       </CardAlternativeStyle>
     );
   };
 
   return window.matchMedia(
-    `only screen and (min-width: ${aqBootstrapTheme.grid.breakpoints.lg})`,
+    `only screen and (min-width: ${aqBootstrapTheme.grid.breakpoints.lg})`
   ).matches ? (
     <BasicRow />
   ) : !mobileAlternative ? (