From f9e66a761e7217da1b02fcbb0ab205a2f21cf370 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Thu, 23 Jun 2022 14:35:59 +0300
Subject: [PATCH] group-hover development for relating component

---
 public/css/app.css                                       | 9 ++++-----
 resources/views/common/reports/index.blade.php           | 2 +-
 resources/views/components/modules/items.blade.php       | 2 +-
 resources/views/components/show/accordion/head.blade.php | 2 +-
 resources/views/components/text/hover.blade.php          | 8 ++++++--
 .../components/transactions/show/attachment.blade.php    | 2 +-
 .../components/transactions/show/children.blade.php      | 2 +-
 .../components/transactions/show/schedule.blade.php      | 2 +-
 .../views/components/transfers/show/attachment.blade.php | 2 +-
 .../views/components/transfers/show/create.blade.php     | 2 +-
 resources/views/livewire/report/pins.blade.php           | 2 +-
 resources/views/portal/payments/preview.blade.php        | 2 +-
 resources/views/portal/payments/show.blade.php           | 2 +-
 resources/views/portal/payments/signed.blade.php         | 2 +-
 resources/views/widgets/receivables_payables.blade.php   | 2 +-
 15 files changed, 23 insertions(+), 20 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 25b5300d6..a4e1e3c8f 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -47438,11 +47438,6 @@ body{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.hover\:border-black:hover{
-  --tw-border-opacity: 1;
-  border-color: rgb(66 66 66 / var(--tw-border-opacity));
-}
-
 .hover\:bg-gray-100:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -47687,6 +47682,10 @@ body{
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
+.group:hover .group-hover\:bg-full-2{
+  background-size: 100% 2px;
+}
+
 .group:hover .group-hover\:text-purple-700{
   --tw-text-opacity: 1;
   color: rgb(64 66 104 / var(--tw-text-opacity));
diff --git a/resources/views/common/reports/index.blade.php b/resources/views/common/reports/index.blade.php
index 95252def9..f5ea18e33 100644
--- a/resources/views/common/reports/index.blade.php
+++ b/resources/views/common/reports/index.blade.php
@@ -42,7 +42,7 @@
 
                                     <div class="ltr:ml-2 rtl:mr-2">
                                         <h2 class="mb-1">
-                                            <x-text.hover text="{{ $report->name }}" color="to-black" />
+                                            <x-text.hover text="{{ $report->name }}" color="to-black" group-hover />
                                         </h2>
 
                                         <span class="text-black-400 text-sm">{{ $report->description }}</span>
diff --git a/resources/views/components/modules/items.blade.php b/resources/views/components/modules/items.blade.php
index 7111f83ae..6458b75f8 100644
--- a/resources/views/components/modules/items.blade.php
+++ b/resources/views/components/modules/items.blade.php
@@ -11,7 +11,7 @@
         @if ($attributes->has('route'))
             <div class="flex justify-center items-center group">
                 <a href="{{ route($attributes->get('route')) }}">
-                    <x-text.hover text="{{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}" color="to-black" />
+                    <x-text.hover text="{{ trans('modules.see_all_type', ['type' => $attributes->get('title')]) }}" color="to-black" group-hover />
                 </a>
 
                 <i class="material-icons text-sm ltr:ml-1 rtl:mr-1 transform transition-all group-hover:translate-x-1">arrow_forward</i>
diff --git a/resources/views/components/show/accordion/head.blade.php b/resources/views/components/show/accordion/head.blade.php
index f57f07da2..996c58b63 100644
--- a/resources/views/components/show/accordion/head.blade.php
+++ b/resources/views/components/show/accordion/head.blade.php
@@ -1,6 +1,6 @@
 <div>
     <h2 class="lg:text-lg font-medium text-black">
-        <x-text.hover text="{{ $title }}" color="to-black" />   
+        <x-text.hover text="{{ $title }}" color="to-black" group-hover />   
     </h2>
 
     @if (! empty($description))
diff --git a/resources/views/components/text/hover.blade.php b/resources/views/components/text/hover.blade.php
index d6620c703..2c2dcb89d 100644
--- a/resources/views/components/text/hover.blade.php
+++ b/resources/views/components/text/hover.blade.php
@@ -1,11 +1,15 @@
-@props(['color', 'text'])
+@props(['color', 'text', 'groupHover'])
 
 @php
     if (empty($color)) {
         $color = 'to-purple';
     }
+
+    if (empty($groupHover)) {
+        $groupHover = false;
+    }
 @endphp
 
-<span class="bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent {{ $color }} transition-backgroundSize">   
+<span class="bg-no-repeat bg-0-2 bg-0-full {{ $groupHover ? 'group-hover:bg-full-2' : 'hover:bg-full-2' }} bg-gradient-to-b from-transparent {{ $color }} transition-backgroundSize">   
     {{ $text }} 
 </span>
\ No newline at end of file
diff --git a/resources/views/components/transactions/show/attachment.blade.php b/resources/views/components/transactions/show/attachment.blade.php
index cc2f470a9..f3a900d82 100644
--- a/resources/views/components/transactions/show/attachment.blade.php
+++ b/resources/views/components/transactions/show/attachment.blade.php
@@ -6,7 +6,7 @@
             x-on:click="attachment !== 1 ? attachment = 1 : attachment = null"
         >
             <span class="font-medium">
-                <x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" />
+                <x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" group-hover />
             </span>
 
             <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transactions/show/children.blade.php b/resources/views/components/transactions/show/children.blade.php
index c4e981a5f..e901ebb20 100644
--- a/resources/views/components/transactions/show/children.blade.php
+++ b/resources/views/components/transactions/show/children.blade.php
@@ -3,7 +3,7 @@
         x-on:click="children !== 1 ? children = 1 : children = null"
     >
         <span class="font-medium">
-            <x-text.hover text="{{ trans_choice('general.transactions', 2) }}" color="to-black" />
+            <x-text.hover text="{{ trans_choice('general.transactions', 2) }}" color="to-black" group-hover />
         </span>
 
         <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transactions/show/schedule.blade.php b/resources/views/components/transactions/show/schedule.blade.php
index cf1e5bee8..ee1b741b7 100644
--- a/resources/views/components/transactions/show/schedule.blade.php
+++ b/resources/views/components/transactions/show/schedule.blade.php
@@ -8,7 +8,7 @@
         x-on:click="schedule !== 1 ? schedule = 1 : schedule = null"
     >
         <span class="font-medium">
-            <x-text.hover text="{{ trans_choice('general.schedules', 1) }}" color="to-black" />
+            <x-text.hover text="{{ trans_choice('general.schedules', 1) }}" color="to-black" group-hover />
         </span>
 
         <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transfers/show/attachment.blade.php b/resources/views/components/transfers/show/attachment.blade.php
index cff195fbf..1a185f660 100644
--- a/resources/views/components/transfers/show/attachment.blade.php
+++ b/resources/views/components/transfers/show/attachment.blade.php
@@ -2,7 +2,7 @@
     <div class="border-b border-gray-200 pb-4" x-data="{ attachment : null }">
         <div class="relative w-full text-left cursor-pointer group" x-on:click="attachment !== 1 ? attachment = 1 : attachment = null">
             <span class="font-medium">
-                <x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" />
+                <x-text.hover text="{{ trans_choice('general.attachments', 2) }}" color="to-black" group-hover />
             </span>
 
             <div class="text-black-400 text-sm">
diff --git a/resources/views/components/transfers/show/create.blade.php b/resources/views/components/transfers/show/create.blade.php
index 5ce9123cf..96931bde1 100644
--- a/resources/views/components/transfers/show/create.blade.php
+++ b/resources/views/components/transfers/show/create.blade.php
@@ -3,7 +3,7 @@
 <div class="border-b pb-4" x-data="{ create : null }">
     <button class="relative w-full text-left group" x-on:click="create !== 1 ? create = 1 : create = null">
         <span class="font-medium">
-            <x-text.hover text="{{ trans('general.create') }}" color="to-black" />
+            <x-text.hover text="{{ trans('general.create') }}" color="to-black" group-hover />
         </span>
 
         <div class="text-black-400 text-sm">
diff --git a/resources/views/livewire/report/pins.blade.php b/resources/views/livewire/report/pins.blade.php
index 4124a9dd6..6e3ff4805 100644
--- a/resources/views/livewire/report/pins.blade.php
+++ b/resources/views/livewire/report/pins.blade.php
@@ -9,7 +9,7 @@
             <span class="material-icons-outlined text-4xl transition-all text-black-400">{{ $icons[$report->id] }}</span>
             
             <div class="h-10 font-medium text-sm mt-2">
-                <x-text.hover text="{{ $report->name }}" color="to-black" />
+                <x-text.hover text="{{ $report->name }}" color="to-black" group-hover />
             </div>
         </a>
     @endforeach
diff --git a/resources/views/portal/payments/preview.blade.php b/resources/views/portal/payments/preview.blade.php
index 78712ead9..f524807c9 100644
--- a/resources/views/portal/payments/preview.blade.php
+++ b/resources/views/portal/payments/preview.blade.php
@@ -24,7 +24,7 @@
             <div class="w-full lg:w-5/12 space-y-8">
                 <div class="border-b-2 border-gray-200 pb-1">
                     <div class="relative w-full text-left group">
-                        <x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" />  
+                        <x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" group-hover />  
                     </div>
 
                     <div class="relative overflow-hidden transition-all duration-700">
diff --git a/resources/views/portal/payments/show.blade.php b/resources/views/portal/payments/show.blade.php
index d80b1edf5..18def0765 100644
--- a/resources/views/portal/payments/show.blade.php
+++ b/resources/views/portal/payments/show.blade.php
@@ -22,7 +22,7 @@
             <div class="w-full lg:w-5/12 space-y-8">
                 <div class="border-b-2 border-gray-200 pb-1">
                     <div class="relative w-full text-left group">
-                        <x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" />    
+                        <x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" group-hover />    
                     </div>
 
                     <div class="relative overflow-hidden transition-all duration-700">
diff --git a/resources/views/portal/payments/signed.blade.php b/resources/views/portal/payments/signed.blade.php
index 683c69af6..88fdfa193 100644
--- a/resources/views/portal/payments/signed.blade.php
+++ b/resources/views/portal/payments/signed.blade.php
@@ -32,7 +32,7 @@
                 <div class="w-full lg:w-5/12 space-y-8">
                     <div class="border-b-2 border-gray-200 pb-1">
                         <div class="relative w-full text-left group">
-                            <x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" />    
+                            <x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" group-hover />    
                         </div>
 
                         <div class="relative overflow-hidden transition-all duration-700">
diff --git a/resources/views/widgets/receivables_payables.blade.php b/resources/views/widgets/receivables_payables.blade.php
index f01c45f55..099291066 100644
--- a/resources/views/widgets/receivables_payables.blade.php
+++ b/resources/views/widgets/receivables_payables.blade.php
@@ -28,7 +28,7 @@
             </span>
 
             <button id="dashboard-widget-{{ strtolower(class_basename($class)) }}-overdue" type="button" class="flex items-center text-black-400 font-medium group" data-dropdown-toggle="widgets-list-{{ $class->model->id }}">
-                <x-text.hover text="{{ $totals['overdue'] }}" color="to-black-400" />    
+                <x-text.hover text="{{ $totals['overdue'] }}" color="to-black-400" group-hover />    
 
                 <div class="relative flex">
                     <span class="material-icons-round cursor-pointer">arrow_drop_down</span>