review comments

Author: Anuj Rajak

src/components/TableWrapper.tsx

@@ -45,7 +45,7 @@ const TableWrapper = (props: TableWrapperProps) => {
       fields.forEach((field) => {
         const value = field.data[i];
         if (value === null || value === undefined) {
-          row[field.name] = "N/A";
+          row[field.name] = "";
         } else if (Array.isArray(value)) {
           row[field.name] = value.join(", ");
         } else {
@@ -64,11 +64,7 @@ const TableWrapper = (props: TableWrapperProps) => {
     <Card id={id} className={className}>
       <CardBody>
         <Table variant="compact" borders>
-          <Caption>
-            <span style={{ fontWeight: "bold", fontSize: "1.1em" }}>
-              {title}
-            </span>
-          </Caption>
+          <Caption>{title}</Caption>
           <Thead>
             <Tr>
               {columns.map((col, index) => (

src/test/components/TableWrapper.test.tsx

@@ -103,7 +103,6 @@ describe("TableWrapper Component", () => {
 
     render(<TableWrapper {...fieldsWithNull} />);
 
-    expect(screen.getByText("N/A")).toBeInTheDocument();
     expect(screen.getByText("1995")).toBeInTheDocument();
   });
 
@@ -184,9 +183,6 @@ describe("TableWrapper Component", () => {
     expect(screen.getByText("value1")).toBeInTheDocument();
     expect(screen.getByText("value2")).toBeInTheDocument();
     expect(screen.getByText("single value")).toBeInTheDocument();
-    // Second row should have N/A for Field 2
-    const naElements = screen.getAllByText("N/A");
-    expect(naElements.length).toBeGreaterThan(0);
   });
 
   it("should render table with correct structure", () => {
@@ -241,6 +237,5 @@ describe("TableWrapper Component", () => {
     expect(screen.getByText("test string")).toBeInTheDocument();
     expect(screen.getByText("123")).toBeInTheDocument();
     expect(screen.getByText("true")).toBeInTheDocument();
-    expect(screen.getByText("N/A")).toBeInTheDocument();
   });
 });