From f84dcb0c78ea7e331ede00a366e3934fc0d73293 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 8 Aug 2022 11:39:29 +0300
Subject: [PATCH] first tr classname & hidden mobile controlled

---
 app/View/Components/Table/Td.php               |  8 +++++++-
 app/View/Components/Table/Th.php               |  9 ++++++++-
 app/View/Components/Table/Tr.php               |  4 ++++
 resources/views/auth/users/index.blade.php     |  2 +-
 .../views/banking/accounts/index.blade.php     |  2 +-
 .../views/banking/accounts/show.blade.php      |  4 ++--
 .../banking/reconciliations/create.blade.php   |  2 +-
 .../banking/reconciliations/edit.blade.php     |  2 +-
 .../banking/reconciliations/index.blade.php    |  2 +-
 .../recurring_transactions/index.blade.php     |  2 +-
 .../views/banking/transactions/index.blade.php |  2 +-
 .../views/banking/transfers/index.blade.php    |  2 +-
 .../views/common/companies/index.blade.php     |  2 +-
 .../views/common/dashboards/index.blade.php    |  2 +-
 resources/views/common/items/index.blade.php   | 18 +++++++++---------
 .../contacts/index/content.blade.php           |  2 +-
 .../components/contacts/show/content.blade.php |  4 ++--
 .../documents/index/document.blade.php         |  2 +-
 .../index/recurring_templates.blade.php        |  2 +-
 .../views/install/updates/index.blade.php      |  2 +-
 .../views/portal/invoices/index.blade.php      |  2 +-
 .../views/portal/payments/index.blade.php      |  2 +-
 .../views/settings/categories/index.blade.php  |  2 +-
 .../views/settings/currencies/index.blade.php  |  2 +-
 resources/views/settings/taxes/index.blade.php |  2 +-
 25 files changed, 51 insertions(+), 34 deletions(-)

diff --git a/app/View/Components/Table/Td.php b/app/View/Components/Table/Td.php
index 4ff483b7b..ccf1fef7b 100644
--- a/app/View/Components/Table/Td.php
+++ b/app/View/Components/Table/Td.php
@@ -11,6 +11,7 @@ class Td extends Component
     public $override;
 
     public $kind;
+    public $hiddenMobile;
 
     /**
      * Create a new component instance.
@@ -18,11 +19,12 @@ class Td extends Component
      * @return void
      */
     public function __construct(
-        string $class = '', string $override = '', string $kind = ''
+        string $class = '', string $override = '', string $kind = '', bool $hiddenMobile = false,
     ) {
         $this->override = $this->getOverride($override);
 
         $this->kind = $kind;
+        $this->hiddenMobile = $hiddenMobile;
         $this->class = $this->getClass($class);
     }
 
@@ -47,6 +49,10 @@ class Td extends Component
             return $class;
         }
 
+        if ($this->hiddenMobile) {
+            $class = $class . ' ' . 'hidden sm:table-cell';
+        }
+
         $default = 'py-4 whitespace-nowrap text-sm font-normal text-black truncate';
 
         switch ($this->kind) {
diff --git a/app/View/Components/Table/Th.php b/app/View/Components/Table/Th.php
index a46be84dd..25ffee4a1 100644
--- a/app/View/Components/Table/Th.php
+++ b/app/View/Components/Table/Th.php
@@ -12,17 +12,20 @@ class Th extends Component
 
     public $kind;
 
+    public $hiddenMobile;
+
     /**
      * Create a new component instance.
      *
      * @return void
      */
     public function __construct(
-        string $class = '', string $override = '', string $kind = ''
+        string $class = '', string $override = '', string $kind = '', bool $hiddenMobile = false,
     ) {
         $this->override = $this->getOverride($override);
 
         $this->kind = $kind;
+        $this->hiddenMobile = $hiddenMobile;
         $this->class = $this->getClass($class);
     }
 
@@ -47,6 +50,10 @@ class Th extends Component
             return $class;
         }
 
+        if ($this->hiddenMobile) {
+            $class = $class . ' ' . 'hidden sm:table-cell';
+        }
+
         $default = 'py-3 text-xs font-medium text-black tracking-wider';
 
         switch ($this->kind) {
diff --git a/app/View/Components/Table/Tr.php b/app/View/Components/Table/Tr.php
index 29fc3ebf0..a781b208f 100644
--- a/app/View/Components/Table/Tr.php
+++ b/app/View/Components/Table/Tr.php
@@ -45,6 +45,10 @@ class Tr extends Component
             return 'relative flex items-center px-1 group border-b hover:bg-gray-100';
         }
 
+        else if (array_key_exists('App\View\Components\Table\Thead', $values)) {
+            return 'flex items-center px-1';
+        }
+
         return '';
     }
 }
diff --git a/resources/views/auth/users/index.blade.php b/resources/views/auth/users/index.blade.php
index b7d071a79..d00a4672f 100644
--- a/resources/views/auth/users/index.blade.php
+++ b/resources/views/auth/users/index.blade.php
@@ -25,7 +25,7 @@
 
                 <x-table>
                     <x-table.thead>
-                        <x-table.tr class="flex items-center px-1">
+                        <x-table.tr>
                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                                 <x-index.bulkaction.all />
                             </x-table.th>
diff --git a/resources/views/banking/accounts/index.blade.php b/resources/views/banking/accounts/index.blade.php
index 3e53d8eeb..65ba75d90 100644
--- a/resources/views/banking/accounts/index.blade.php
+++ b/resources/views/banking/accounts/index.blade.php
@@ -26,7 +26,7 @@
 
             <x-table>
                 <x-table.thead>
-                    <x-table.tr class="flex items-center px-1">
+                    <x-table.tr>
                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                             <x-index.bulkaction.all />
                         </x-table.th>
diff --git a/resources/views/banking/accounts/show.blade.php b/resources/views/banking/accounts/show.blade.php
index 6bc6858de..4c2954c2d 100644
--- a/resources/views/banking/accounts/show.blade.php
+++ b/resources/views/banking/accounts/show.blade.php
@@ -234,7 +234,7 @@
                                 @if ($transactions->count())
                                     <x-table>
                                         <x-table.thead>
-                                            <x-table.tr class="flex items-center px-1">
+                                            <x-table.tr>
                                                 <x-table.th class="w-6/12 lg:w-3/12">
                                                     <x-slot name="first">
                                                         <x-sortablelink column="paid_at" title="{{ trans('general.date') }}" />
@@ -334,7 +334,7 @@
                                 @if ($transfers->count())
                                     <x-table>
                                         <x-table.thead>
-                                            <x-table.tr class="flex items-center px-1">
+                                            <x-table.tr>
                                                 <x-table.th class="w-3/12 hidden sm:table-cell">
                                                     <x-slot name="first">
                                                         <x-sortablelink column="expense_transaction.paid_at" title="{{ trans('general.created_date') }}" />
diff --git a/resources/views/banking/reconciliations/create.blade.php b/resources/views/banking/reconciliations/create.blade.php
index 2d6f0515b..970284b7d 100644
--- a/resources/views/banking/reconciliations/create.blade.php
+++ b/resources/views/banking/reconciliations/create.blade.php
@@ -88,7 +88,7 @@
                         <div class="py-2 align-middle inline-block min-w-full">
                             <table class="min-w-full divide-y divide-gray-200">
                                 <thead>
-                                    <tr class="flex items-center px-1">
+                                    <tr>
                                         <th scope="col" class="w-2/12 ltr:pr-6 rtl:pl-6 py-3 ltr:text-left rtl:text-right text-xs font-medium text-black tracking-wider">
                                             {{ trans('general.date') }}
                                         </th>
diff --git a/resources/views/banking/reconciliations/edit.blade.php b/resources/views/banking/reconciliations/edit.blade.php
index bbc721ab6..a541b5899 100644
--- a/resources/views/banking/reconciliations/edit.blade.php
+++ b/resources/views/banking/reconciliations/edit.blade.php
@@ -20,7 +20,7 @@
 
                 <x-table>
                     <x-table.thead>
-                        <x-table.tr class="flex items-center px-1">
+                        <x-table.tr>
                             <x-table.th class="w-2/12 hidden sm:table-cell">
                                 {{ trans('general.date') }}
                             </x-table.th>
diff --git a/resources/views/banking/reconciliations/index.blade.php b/resources/views/banking/reconciliations/index.blade.php
index 59730707d..841bdebd1 100644
--- a/resources/views/banking/reconciliations/index.blade.php
+++ b/resources/views/banking/reconciliations/index.blade.php
@@ -41,7 +41,7 @@
 
                 <x-table>
                     <x-table.thead>
-                        <x-table.tr class="flex items-center px-1">
+                        <x-table.tr>
                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                                 <x-index.bulkaction.all />
                             </x-table.th>
diff --git a/resources/views/banking/recurring_transactions/index.blade.php b/resources/views/banking/recurring_transactions/index.blade.php
index ddc1fb96a..f4f073c8e 100644
--- a/resources/views/banking/recurring_transactions/index.blade.php
+++ b/resources/views/banking/recurring_transactions/index.blade.php
@@ -38,7 +38,7 @@
                         <x-tabs.tab id="recurring-templates">
                             <x-table>
                                 <x-table.thead>
-                                    <x-table.tr class="flex items-center px-1">
+                                    <x-table.tr>
                                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                                             <x-index.bulkaction.all />
                                         </x-table.th>
diff --git a/resources/views/banking/transactions/index.blade.php b/resources/views/banking/transactions/index.blade.php
index 5462b7a0c..ebb10739b 100644
--- a/resources/views/banking/transactions/index.blade.php
+++ b/resources/views/banking/transactions/index.blade.php
@@ -91,7 +91,7 @@
                         <x-tabs.tab id="transactions">
                             <x-table>
                                 <x-table.thead>
-                                    <x-table.tr class="flex items-center px-1">
+                                    <x-table.tr>
                                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                                             <x-index.bulkaction.all />
                                         </x-table.th>
diff --git a/resources/views/banking/transfers/index.blade.php b/resources/views/banking/transfers/index.blade.php
index 518480314..a796129dc 100644
--- a/resources/views/banking/transfers/index.blade.php
+++ b/resources/views/banking/transfers/index.blade.php
@@ -45,7 +45,7 @@
 
                 <x-table>
                     <x-table.thead>
-                        <x-table.tr class="flex items-center px-1">
+                        <x-table.tr>
                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                                 <x-index.bulkaction.all />
                             </x-table.th>
diff --git a/resources/views/common/companies/index.blade.php b/resources/views/common/companies/index.blade.php
index a3dca6c3c..fea59f87c 100644
--- a/resources/views/common/companies/index.blade.php
+++ b/resources/views/common/companies/index.blade.php
@@ -26,7 +26,7 @@
 
             <x-table>
                 <x-table.thead>
-                    <x-table.tr class="flex items-center px-1">
+                    <x-table.tr>
                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                             <x-index.bulkaction.all />
                         </x-table.th>
diff --git a/resources/views/common/dashboards/index.blade.php b/resources/views/common/dashboards/index.blade.php
index 9e161ce6a..24ebdffd8 100644
--- a/resources/views/common/dashboards/index.blade.php
+++ b/resources/views/common/dashboards/index.blade.php
@@ -18,7 +18,7 @@
 
             <x-table>
                 <x-table.thead>
-                    <x-table.tr class="flex items-center px-1">
+                    <x-table.tr>
                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell"  override="class">
                             <x-index.bulkaction.all />
                         </x-table.th>
diff --git a/resources/views/common/items/index.blade.php b/resources/views/common/items/index.blade.php
index 3de00687f..f46408ba6 100644
--- a/resources/views/common/items/index.blade.php
+++ b/resources/views/common/items/index.blade.php
@@ -43,8 +43,8 @@
 
                 <x-table>
                     <x-table.thead>
-                        <x-table.tr class="flex items-center px-1">
-                            <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
+                        <x-table.tr>
+                            <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" hidden-mobile override="class">
                                 <x-index.bulkaction.all />
                             </x-table.th>
 
@@ -57,11 +57,11 @@
                                 </x-slot>
                             </x-table.th>
 
-                            <x-table.th class="w-3/12 hidden sm:table-cell">
+                            <x-table.th class="w-3/12" hidden-mobile>
                                 <x-sortablelink column="category.name" title="{{ trans_choice('general.categories', 1) }}" />
                             </x-table.th>
 
-                            <x-table.th class="w-2/12 hidden sm:table-cell">
+                            <x-table.th class="w-2/12" hidden-mobile>
                                 {{ trans_choice('general.taxes', 2) }}
                             </x-table.th>
 
@@ -79,11 +79,11 @@
                     <x-table.tbody>
                         @foreach($items as $item)
                             <x-table.tr href="{{ route('items.edit', $item->id) }}">
-                                <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
+                                <x-table.td class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" hidden-mobile override="class">
                                     <x-index.bulkaction.single id="{{ $item->id }}" name="{{ $item->name }}" />
                                 </x-table.td>
 
-                                <x-table.td class="w-6/12 sm:w-4/12 truncate">
+                                <x-table.td class="w-6/12 sm:w-4/12">
                                     <x-slot name="first" class="flex items-center font-bold" override="class">
                                         <div class="truncate">
                                             {{ $item->name }}
@@ -98,13 +98,13 @@
                                     </x-slot>
                                 </x-table.td>
 
-                                <x-table.td class="w-3/12 truncate hidden sm:table-cell">
+                                <x-table.td class="w-3/12" hidden-mobile>
                                     <div class="flex items-center">
                                         <x-index.category :model="$item->category" />
                                     </div>
                                 </x-table.td>
 
-                                <x-table.td class="w-2/12 hidden sm:table-cell">
+                                <x-table.td class="w-2/12" hidden-mobile>
                                     @if ($item->taxes->count())
                                         @foreach($item->taxes as $tax)
                                             <span class="bg-lilac-900 px-3 py-1 text-sm rounded-lg text-black ltr:mr-3 rtl:ml-3">
@@ -116,7 +116,7 @@
                                     @endif
                                 </x-table.td>
 
-                                <x-table.td class="relative w-6/12 sm:w-3/12" kind="amount">
+                                <x-table.td class="w-6/12 sm:w-3/12" kind="amount">
                                     <x-slot name="first">
                                         @if ($item->sale_price)
                                             <x-money :amount="$item->sale_price" :currency="setting('default.currency')" convert />
diff --git a/resources/views/components/contacts/index/content.blade.php b/resources/views/components/contacts/index/content.blade.php
index 0dd9ffc5d..8d4a55f7f 100644
--- a/resources/views/components/contacts/index/content.blade.php
+++ b/resources/views/components/contacts/index/content.blade.php
@@ -24,7 +24,7 @@
 
         <x-table>
             <x-table.thead>
-                <x-table.tr class="flex items-center px-1">
+                <x-table.tr>
                     @if (! $hideBulkAction)
                     <x-table.th class="{{ $classBulkAction }}" override="class">
                         <x-index.bulkaction.all />
diff --git a/resources/views/components/contacts/show/content.blade.php b/resources/views/components/contacts/show/content.blade.php
index 1116e457b..f2f5e7744 100644
--- a/resources/views/components/contacts/show/content.blade.php
+++ b/resources/views/components/contacts/show/content.blade.php
@@ -171,7 +171,7 @@
                         @if ($documents->count())
                             <x-table>
                                 <x-table.thead>
-                                    <x-table.tr class="flex items-center px-1">
+                                    <x-table.tr>
                                         <x-table.th class="w-4/12 lg:w-3/12">
                                             <x-slot name="first">
                                                 <x-sortablelink column="due_at" title="{{ trans('invoices.due_date') }}" />
@@ -260,7 +260,7 @@
                         @if ($transactions->count())
                             <x-table>
                                 <x-table.thead>
-                                    <x-table.tr class="flex items-center px-1">
+                                    <x-table.tr>
                                         <x-table.th class="w-4/12 lg:w-3/12">
                                             <x-slot name="first">
                                                 <x-sortablelink column="paid_at" title="{{ trans('general.date') }}" />
diff --git a/resources/views/components/documents/index/document.blade.php b/resources/views/components/documents/index/document.blade.php
index 88d4f878c..e553d414e 100644
--- a/resources/views/components/documents/index/document.blade.php
+++ b/resources/views/components/documents/index/document.blade.php
@@ -1,6 +1,6 @@
 <x-table>
     <x-table.thead>
-        <x-table.tr class="flex items-center px-1">
+        <x-table.tr>
             @if (! $hideBulkAction)
             <x-table.th class="{{ $classBulkAction }}" override="class">
                 <x-index.bulkaction.all />
diff --git a/resources/views/components/documents/index/recurring_templates.blade.php b/resources/views/components/documents/index/recurring_templates.blade.php
index 5f4f6d6b7..f3cf1359b 100644
--- a/resources/views/components/documents/index/recurring_templates.blade.php
+++ b/resources/views/components/documents/index/recurring_templates.blade.php
@@ -1,6 +1,6 @@
 <x-table>
     <x-table.thead>
-        <x-table.tr class="flex items-center px-1">
+        <x-table.tr>
             @if (! $hideBulkAction)
             <x-table.th class="{{ $classBulkAction }}" override="class">
                 <x-index.bulkaction.all />
diff --git a/resources/views/install/updates/index.blade.php b/resources/views/install/updates/index.blade.php
index 762e7d362..8e401bb4a 100644
--- a/resources/views/install/updates/index.blade.php
+++ b/resources/views/install/updates/index.blade.php
@@ -55,7 +55,7 @@
         <x-index.container class="my-0" override="class">
             <x-table>
                 <x-table.thead>
-                    <x-table.tr class="flex items-center px-1">
+                    <x-table.tr>
                         <x-table.th class="w-3/12">
                             {{ trans('general.name') }}
                         </x-table.th>
diff --git a/resources/views/portal/invoices/index.blade.php b/resources/views/portal/invoices/index.blade.php
index 6065c1f4e..73f395ff0 100644
--- a/resources/views/portal/invoices/index.blade.php
+++ b/resources/views/portal/invoices/index.blade.php
@@ -10,7 +10,7 @@
 
                 <x-table>
                     <x-table.thead>
-                        <x-table.tr class="flex items-center px-1">
+                        <x-table.tr>
                             <x-table.th override="class" class="p-0"></x-table.th>
                             @stack('issued_at_th_start')
 
diff --git a/resources/views/portal/payments/index.blade.php b/resources/views/portal/payments/index.blade.php
index 367246886..b5ba517fa 100644
--- a/resources/views/portal/payments/index.blade.php
+++ b/resources/views/portal/payments/index.blade.php
@@ -10,7 +10,7 @@
 
                 <x-table>
                     <x-table.thead>
-                        <x-table.tr class="flex items-center px-1">
+                        <x-table.tr>
                             <x-table.th override="class" class="p-0"></x-table.th>
 
                             <x-table.th class="w-4/12 sm:w-3/12">
diff --git a/resources/views/settings/categories/index.blade.php b/resources/views/settings/categories/index.blade.php
index 5a1b6409a..9c3e8c54a 100644
--- a/resources/views/settings/categories/index.blade.php
+++ b/resources/views/settings/categories/index.blade.php
@@ -44,7 +44,7 @@
 
             <x-table>
                 <x-table.thead>
-                    <x-table.tr class="flex items-center px-1">
+                    <x-table.tr>
                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                             <x-index.bulkaction.all />
                         </x-table.th>
diff --git a/resources/views/settings/currencies/index.blade.php b/resources/views/settings/currencies/index.blade.php
index f01342012..85937bfd0 100644
--- a/resources/views/settings/currencies/index.blade.php
+++ b/resources/views/settings/currencies/index.blade.php
@@ -26,7 +26,7 @@
 
             <x-table>
                 <x-table.thead>
-                    <x-table.tr class="flex items-center px-1">
+                    <x-table.tr>
                         <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                             <x-index.bulkaction.all />
                         </x-table.th>
diff --git a/resources/views/settings/taxes/index.blade.php b/resources/views/settings/taxes/index.blade.php
index 28cd99873..7c6df6eb3 100644
--- a/resources/views/settings/taxes/index.blade.php
+++ b/resources/views/settings/taxes/index.blade.php
@@ -45,7 +45,7 @@
 
                 <x-table>
                     <x-table.thead>
-                        <x-table.tr class="flex items-center px-1">
+                        <x-table.tr>
                             <x-table.th class="ltr:pr-6 rtl:pl-6 hidden sm:table-cell" override="class">
                                 <x-index.bulkaction.all />
                             </x-table.th>