@tipp/ui 2.3.7 → 2.3.9

package/src/molecules/expand-table/index.tsx

@@ -163,22 +163,20 @@ export function ExpandTable<Datum extends RowData>(
               const justifyContent =
                 header.column.columnDef.meta?.align || defaultAlign;
 
-              return (
-                <div className={`${justifyContent} th`} key={header.id}>
-                  <button
-                    onClick={header.column.getToggleSortingHandler()}
-                    style={
-                      sortable ? { cursor: 'pointer' } : { cursor: 'default' }
-                    }
-                    type="button"
-                  >
-                    <Typo as="div" variant="body">
-                      {flexRender(
-                        header.column.columnDef.header,
-                        header.getContext()
-                      )}
-                    </Typo>
-                    {sortable ? (
+              if (sortable) {
+                return (
+                  <div className={`${justifyContent} th`} key={header.id}>
+                    <button
+                      onClick={header.column.getToggleSortingHandler()}
+                      style={{ cursor: 'pointer' }}
+                      type="button"
+                    >
+                      <Typo as="div" variant="body">
+                        {flexRender(
+                          header.column.columnDef.header,
+                          header.getContext()
+                        )}
+                      </Typo>
                       <Flex
                         direction="column"
                         style={{ marginLeft: 'var(--space-2)' }}
@@ -198,8 +196,21 @@ export function ExpandTable<Datum extends RowData>(
                           }
                         />
                       </Flex>
-                    ) : null}
-                  </button>
+                    </button>
+                  </div>
+                );
+              }
+
+              return (
+                <div className={`${justifyContent} th`} key={header.id}>
+                  <div style={{ cursor: 'default' }}>
+                    <Typo as="div" variant="body">
+                      {flexRender(
+                        header.column.columnDef.header,
+                        header.getContext()
+                      )}
+                    </Typo>
+                  </div>
                 </div>
               );
             })}