fix: review 3Bcomments

Author: Amrit Borah

src/Shared/Components/Table/TableContent.tsx

@@ -214,10 +214,10 @@ const TableContent = <
             (state: boolean) =>
             ({ detail: { activeRowData } }) => {
                 if ((activeRowData as RowType<RowData>).expandableRows) {
-                    setExpandState({
-                        ...expandState,
+                    setExpandState((prev) => ({
+                        ...prev,
                         [activeRowData.id]: state,
-                    })
+                    }))
                 }
             }
 
@@ -297,16 +297,16 @@ const TableContent = <
         return Object.values(bulkSelectionState)
     }
 
+    const showIconOrExpandActionGutter = isBulkSelectionConfigured || !!rowStartIconConfig || isAnyRowExpandable
+
     const renderRows = () => {
         if (loading && !visibleColumns.length) {
             return SHIMMER_DUMMY_ARRAY.map((shimmerRowLabel) => (
                 <div
                     key={shimmerRowLabel}
                     className={`px-20 flex left py-12 dc__gap-16 ${showSeparatorBetweenRows ? 'border__secondary--bottom' : ''}`}
                 >
-                    {isBulkSelectionConfigured || rowStartIconConfig || isAnyRowExpandable ? (
-                        <div className="shimmer w-20" />
-                    ) : null}
+                    {showIconOrExpandActionGutter ? <div className="shimmer w-20" /> : null}
                     {SHIMMER_DUMMY_ARRAY.map((shimmerCellLabel) => (
                         <div key={shimmerCellLabel} className="shimmer w-200" />
                     ))}
@@ -323,7 +323,7 @@ const TableContent = <
                         gridTemplateColumns,
                     }}
                 >
-                    {isBulkSelectionConfigured || rowStartIconConfig || isAnyRowExpandable ? (
+                    {showIconOrExpandActionGutter ? (
                         <div className="py-12 flex" aria-label="Loading...">
                             <div className="shimmer h-16 w-20" />
                         </div>
@@ -526,9 +526,7 @@ const TableContent = <
                     >
                         {loading && !visibleColumns.length ? (
                             <div className="flexbox py-12 dc__gap-16">
-                                {isBulkSelectionConfigured || rowStartIconConfig || isAnyRowExpandable ? (
-                                    <div className="shimmer w-20" />
-                                ) : null}
+                                {showIconOrExpandActionGutter ? <div className="shimmer w-20" /> : null}
                                 {SHIMMER_DUMMY_ARRAY.map((label) => (
                                     <div key={label} className="shimmer w-200" />
                                 ))}

src/Shared/Components/Table/styles.scss

@@ -43,7 +43,7 @@
 
         &.expand-row-btn::before,
         &.row-start-icon::before,
-        &.expanded-tree-libe::before {
+        &.expanded-tree-line::before {
             left: -24px;
             width: 24px;
         }