From 83b7e5a6c26a5d4987a9691d9e21fc188113868c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Denis=20Duli=C3=A7i?= <denisdulici@gmail.com>
Date: Thu, 21 Jul 2022 17:24:16 +0300
Subject: [PATCH] formatting transfer show page

---
 resources/lang/en-GB/transfers.php               |  5 ++---
 .../transfers/show/transactions.blade.php        | 16 ++++++++--------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/resources/lang/en-GB/transfers.php b/resources/lang/en-GB/transfers.php
index 46b4238d6..93be947e6 100644
--- a/resources/lang/en-GB/transfers.php
+++ b/resources/lang/en-GB/transfers.php
@@ -26,9 +26,8 @@ return [
 
     'slider' => [
         'create'            => ':user created this transfer on :date',
-        'transactions'      => 'In list here are the transactions that were created automatically.',
-        'from_desc'         => ':number transaction from :account',
-        'to_desc'           => ':number transaction to :account',
+        'transactions'      => 'List of transactions related to this transfer',
+        'transactions_desc' => ':number transaction for :account',
     ],
 
 ];
diff --git a/resources/views/components/transfers/show/transactions.blade.php b/resources/views/components/transfers/show/transactions.blade.php
index 7dbab2e46..dece94ce9 100644
--- a/resources/views/components/transfers/show/transactions.blade.php
+++ b/resources/views/components/transfers/show/transactions.blade.php
@@ -1,3 +1,9 @@
+@php
+    $link_class = 'to-black-400 hover:bg-full-2 bg-no-repeat bg-0-2 bg-0-full bg-gradient-to-b from-transparent transition-backgroundSize';
+    $expense_number = '<a href="' . route('transactions.show', $transfer->expense_transaction->id) . '" class="' . $link_class . '">' . $transfer->expense_transaction->number . '</a>';
+    $income_number = '<a href="' . route('transactions.show', $transfer->income_transaction->id) . '" class="' . $link_class . '">' . $transfer->income_transaction->number . '</a>';
+@endphp
+
 <div class="border-b pb-4" x-data="{ transactions : null }">
     <button class="relative w-full text-left group" x-on:click="transactions !== 1 ? transactions = 1 : transactions = null">
         <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
@@ -17,17 +23,11 @@
         x-bind:class="transactions === 1 ? 'h-auto' : 'scale-y-0 h-0'"
     >
         <div class="my-2">
-            @php
-                $number = '<a href="' . route('transactions.show', $transfer->expense_transaction->id) . '" class="text-purple">' . $transfer->expense_transaction->number . '</a>';
-            @endphp
-            {!! trans('transfers.slider.from_desc', ['number' => $number, 'account' => $transfer->expense_account->title]) !!}
+            {!! trans('transfers.slider.transactions_desc', ['number' => $expense_number, 'account' => $transfer->expense_account->title]) !!}
         </div>
 
         <div class="my-2">
-            @php
-                $number = '<a href="' . route('transactions.show', $transfer->income_transaction->id) . '" class="text-purple">' . $transfer->income_transaction->number . '</a>';
-            @endphp
-            {!! trans('transfers.slider.from_desc', ['number' => $number, 'account' => $transfer->income_account->title]) !!}
+            {!! trans('transfers.slider.transactions_desc', ['number' => $income_number, 'account' => $transfer->income_account->title]) !!}
         </div>
     </div>
 </div>