From 339fb770fa5faf286fe5483c873a111b209abc31 Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Wed, 24 Sep 2025 11:56:46 +0330
Subject: [PATCH] refactor(companies-table): Simplify table and correct cell
 component

The 'City' and 'Postal Code' columns have been removed from the companies table to simplify the UI and reduce visual clutter. This change is reflected in both the table's JSX structure and the `useCompanyListPresenter` hook that defines the table headers.

Additionally, the `TableHead` component was incorrectly used for data cells within the table body. This has been fixed by replacing it with the semantically correct `TableCell` component.
---
 src/components/Tables/companies/index.tsx     | 42 ++++++++-----------
 .../companies/useCompanyListPresenter.ts      |  3 +-
 2 files changed, 19 insertions(+), 26 deletions(-)

diff --git a/src/components/Tables/companies/index.tsx b/src/components/Tables/companies/index.tsx
index 2645a7c..f42c1ce 100644
--- a/src/components/Tables/companies/index.tsx
+++ b/src/components/Tables/companies/index.tsx
@@ -58,39 +58,33 @@ const CompaniesTable = ({}: IProps) => {
                 key={company.id}
                 className="odd:bg-gray-2 dark:odd:bg-gray-7"
               >
-                <TableHead className="text-start" colSpan={100}>
+                <TableCell className="text-start" colSpan={100}>
                   {index + 1}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
+                </TableCell>
+                <TableCell className="text-start" colSpan={100}>
                   {company.name}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
+                </TableCell>
+                <TableCell className="text-start" colSpan={100}>
                   {company.email}
-                </TableHead>
-                <TableHead className="w-full text-start" colSpan={100}>
+                </TableCell>
+                <TableCell className="w-full text-start" colSpan={100}>
                   {formatPhoneNumber(company.phone)}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
+                </TableCell>
+                <TableCell className="text-start" colSpan={100}>
                   {company.address.country}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
+                </TableCell>
+                <TableCell className="text-start" colSpan={100}>
                   {company.address.state}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
-                  {company.address.city}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
-                  {company.address.postal_code}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
+                </TableCell>
+                <TableCell className="text-start" colSpan={100}>
                   {company.language}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
+                </TableCell>
+                <TableCell className="text-start" colSpan={100}>
                   {company.currency}
-                </TableHead>
-                <TableHead className="text-start" colSpan={100}>
+                </TableCell>
+                <TableCell className="text-start" colSpan={100}>
                   {company.employee_count}
-                </TableHead>
+                </TableCell>
                 <TableCell className="text-start xl:pr-7.5">
                   <div className="flex items-center justify-start gap-x-3.5">
                     <button
diff --git a/src/components/Tables/companies/useCompanyListPresenter.ts b/src/components/Tables/companies/useCompanyListPresenter.ts
index 3be8313..231b0a2 100644
--- a/src/components/Tables/companies/useCompanyListPresenter.ts
+++ b/src/components/Tables/companies/useCompanyListPresenter.ts
@@ -31,8 +31,7 @@ export const useCompanyListPresenter = () => {
     "phone",
     "country",
     "state",
-    "city",
-    "postal code",
+
     "language",
     "currency",
     "employee count",