Adds prettier and comment.

Author: natalyjazzviolin

src/components/Grid/Cell.tsx

@@ -5,16 +5,10 @@ import { StyledCell } from "./StyledCell";
 
 type CellProps = GridChildComponentProps<ItemDataType> & {
   width: number;
-}
+};
 
 export const Cell = memo(
-  ({
-    data,
-    rowIndex,
-    columnIndex,
-    style,
-    ...props
-  }: CellProps) => {
+  ({ data, rowIndex, columnIndex, style, ...props }: CellProps) => {
     const {
       cell: CellData,
       getSelectionType,
@@ -59,7 +53,7 @@ export const Cell = memo(
 
     const selectionBorderLeft = rightOfSelectionBorder || rightOfFocus || isFocused;
     const selectionBorderTop = belowSelectionBorder || belowFocus || isFocused;
-    console.log("Only row? ",rowCount === 1 )
+    console.log("Only row? ", rowCount === 1);
     return (
       <div
         style={style}

src/components/Grid/Grid.tsx

@@ -777,15 +777,17 @@ export const Grid = forwardRef<HTMLDivElement, GridProps>(
     }, [rowStart, onItemsRendered]);
 
     const CellWithWidth = (args: GridChildComponentProps<ItemDataType>): JSX.Element => {
-  const width = columnWidth(args.columnIndex);
-  return (
-    <Cell
-      {...args}
-      width={width}
-    />
-  );
-};
+      const width = columnWidth(args.columnIndex);
+      return (
+        <Cell
+          {...args}
+          width={width}
+        />
+      );
+    };
 
+    // Handles the case when rowCount changes, expanding the cell height
+    // to fit content if there is only one row.
     useEffect(() => {
       if (gridRef.current) {
         gridRef.current.resetAfterRowIndex(0);
@@ -794,11 +796,10 @@ export const Grid = forwardRef<HTMLDivElement, GridProps>(
 
     const getRowHeight = useCallback(
       (index: number, parentHeight: number): number => {
-    
         if (rowCount === 1 && index === 0) {
-          return parentHeight - rowHeight*2;
+          return parentHeight - rowHeight * 2;
         }
-        
+
         return rowHeight;
       },
       [rowCount, rowHeight]
@@ -858,7 +859,7 @@ export const Grid = forwardRef<HTMLDivElement, GridProps>(
               >
                 {CellWithWidth}
               </VariableSizeGrid>
-          )}
+            )}
           </AutoSizer>
         </ContextMenuTrigger>
         <ContextMenu.Content>

src/components/Grid/StyledCell.tsx

@@ -89,10 +89,7 @@ export const StyledCell = styled.div<{
     `
         : "border-right: none;"
     }
-    ${
-      $isOnlyRow
-        && "border: none;"
-      }
+    ${$isOnlyRow && "border: none;"}
   `}
   ${({
     theme,
@@ -102,7 +99,7 @@ export const StyledCell = styled.div<{
     $type = "body",
     $isSelectedTop,
     $isSelectedLeft,
-    $isOnlyRow
+    $isOnlyRow,
   }) =>
     $isSelectedTop ||
     $isSelectedLeft ||
@@ -136,10 +133,7 @@ export const StyledCell = styled.div<{
                 ? `border-right: 1px solid ${theme.click.grid[$type].cell.color.stroke.selectDirect};`
                 : ""
             }
-            ${
-              $isOnlyRow
-                && "border: none;"
-            }
+            ${$isOnlyRow && "border: none;"}
           }
         `
       : ""};