From 44ef7d99f1a806ba54135a36e467ee832cbb2bbe Mon Sep 17 00:00:00 2001
From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Thu, 30 Jan 2025 23:42:56 +0000
Subject: [PATCH 1/3] feat: block detail pagination

---
 resources/views/app/block.blade.php           |  7 ++-
 .../block/page/detail-pagination.blade.php    | 52 +++++++++++++++++++
 .../block/page/transaction-list.blade.php     |  1 +
 .../page-section/confirmations.blade.php      |  6 ++-
 .../general/page-section/container.blade.php  |  6 ++-
 5 files changed, 69 insertions(+), 3 deletions(-)
 create mode 100644 resources/views/components/block/page/detail-pagination.blade.php

diff --git a/resources/views/app/block.blade.php b/resources/views/app/block.blade.php
index abc4a5859..40f42dfd6 100644
--- a/resources/views/app/block.blade.php
+++ b/resources/views/app/block.blade.php
@@ -11,11 +11,16 @@
 
             <x-block.page.summary :block="$block" />
 
-            <x-general.page-section.confirmations :model="$block" />
+            <x-general.page-section.confirmations
+                :model="$block"
+                no-bottom-padding
+            />
 
             @if ($block->transactionCount() > 0)
                 <x-block.page.transaction-list :block="$block" />
             @endif
         </div>
+
+        <x-block.page.detail-pagination :block="$block" />
     @endsection
 @endcomponent
diff --git a/resources/views/components/block/page/detail-pagination.blade.php b/resources/views/components/block/page/detail-pagination.blade.php
new file mode 100644
index 000000000..334cf6e91
--- /dev/null
+++ b/resources/views/components/block/page/detail-pagination.blade.php
@@ -0,0 +1,52 @@
+@props(['block'])
+
+@php
+    $previousUrl = $block->previousBlockUrl();
+    $nextUrl     = $block->nextBlockUrl();
+@endphp
+
+<div {{ $attributes->class('px-3 sm:px-6 md:px-10 md:mx-auto md:max-w-7xl group last:mb-8 dark:text-theme-dark-200 mt-2') }}>
+    <div class="flex sm:justify-end space-x-2">
+        <a
+            @if ($nextUrl !== null)
+                href="{{ $nextUrl }}"
+            @endif
+
+            @class([
+                'py-1.5 px-4 font-semibold flex-1 sm:flex-none',
+                'button-secondary' => $nextUrl !== null,
+                'button-generic bg-theme-secondary-200 text-theme-secondary-500 dark:bg-theme-secondary-800 dark:text-theme-secondary-700 select-none' => $nextUrl === null,
+            ])
+        >
+            <div class="flex items-center justify-center space-x-2">
+                <x-ark-icon name="arrows.chevron-left-small" size="w-3 h-3" />
+
+                <div>
+                    <span class="hidden sm:inline">Previous Block</span>
+                    <span class="inline sm:hidden">Previous</span>
+                </div>
+            </div>
+        </a>
+
+        <a
+            @if ($previousUrl !== null)
+                href="{{ $previousUrl }}"
+            @endif
+
+            @class([
+                'py-1.5 px-4 font-semibold flex-1 sm:flex-none',
+                'button-secondary' => $previousUrl !== null,
+                'button-generic bg-theme-secondary-200 text-theme-secondary-500 dark:bg-theme-secondary-800 dark:text-theme-secondary-700 select-none' => $previousUrl === null,
+            ])
+        >
+            <div class="flex items-center justify-center space-x-2">
+                <div>
+                    <span class="hidden sm:inline">Next Block</span>
+                    <span class="inline sm:hidden">Next</span>
+                </div>
+
+                <x-ark-icon name="arrows.chevron-right-small" size="w-3 h-3" />
+            </div>
+        </a>
+    </div>
+</div>
diff --git a/resources/views/components/block/page/transaction-list.blade.php b/resources/views/components/block/page/transaction-list.blade.php
index 238fc313b..ca55d2e35 100644
--- a/resources/views/components/block/page/transaction-list.blade.php
+++ b/resources/views/components/block/page/transaction-list.blade.php
@@ -3,6 +3,7 @@
 <x-general.page-section.container
     :title="trans('pages.block.transactions')"
     wrapper-class="flex flex-col flex-1 whitespace-nowrap"
+    no-bottom-padding
     no-border
 >
     <livewire:block-transactions-table :block="$block" />
diff --git a/resources/views/components/general/page-section/confirmations.blade.php b/resources/views/components/general/page-section/confirmations.blade.php
index 644c81cfd..f80ddb0a6 100644
--- a/resources/views/components/general/page-section/confirmations.blade.php
+++ b/resources/views/components/general/page-section/confirmations.blade.php
@@ -1,9 +1,13 @@
-@props(['model'])
+@props([
+    'model',
+    'noBottomPadding' => false,
+])
 
 <x-general.page-section.container
     :title="trans('general.confirmations_only')"
     border-class="border-theme-success-200 dark:border-theme-success-500"
     wrapper-container-class="py-2 mx-2 rounded-lg border sm:mx-0 bg-theme-success-100 dark:bg-theme-success-900"
+    :no-bottom-padding="$noBottomPadding"
 >
     <div class="flex items-center space-x-2 divide-x sm:space-x-3 divide-theme-success-200 dark:divide-theme-success-800">
         <div class="flex items-center space-x-2 text-theme-success-700 dark:text-theme-success-500">
diff --git a/resources/views/components/general/page-section/container.blade.php b/resources/views/components/general/page-section/container.blade.php
index 89c4a7279..d0b42a726 100644
--- a/resources/views/components/general/page-section/container.blade.php
+++ b/resources/views/components/general/page-section/container.blade.php
@@ -4,9 +4,13 @@
     'wrapperContainerClass' => null,
     'wrapperClass' => 'flex flex-col flex-1 space-y-3 whitespace-nowrap',
     'borderClass' => 'sm:border-theme-secondary-300 dark:border-theme-dark-700',
+    'noBottomPadding' => false,
 ])
 
-<div {{ $attributes->class('px-3 sm:px-6 md:px-10 md:mx-auto md:max-w-7xl group last:mb-8 dark:text-theme-dark-200') }}>
+<div {{ $attributes->class([
+    'px-3 sm:px-6 md:px-10 md:mx-auto md:max-w-7xl group dark:text-theme-dark-200',
+    'last:mb-8' => ! $noBottomPadding,
+]) }}>
     <div class="flex mt-6 sm:mt-0 sm:space-x-3 group-first:mt-0 group-first:sm:-mt-2">
         <div class="hidden flex-col ml-3 sm:flex w-[1.625rem]">
             <div class="hidden -mt-2 w-full border-l-2 sm:block group-first:sm:block border-theme-secondary-300 h-[9px] dark:border-theme-dark-700"></div>

From ca86e32d948ebf8d601ef7e3409f87b6b9af7acc Mon Sep 17 00:00:00 2001
From: alexbarnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Thu, 30 Jan 2025 23:44:15 +0000
Subject: [PATCH 2/3] style: resolve style guide violations

---
 .../views/components/block/page/detail-pagination.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/components/block/page/detail-pagination.blade.php b/resources/views/components/block/page/detail-pagination.blade.php
index 334cf6e91..d6e694010 100644
--- a/resources/views/components/block/page/detail-pagination.blade.php
+++ b/resources/views/components/block/page/detail-pagination.blade.php
@@ -6,7 +6,7 @@
 @endphp
 
 <div {{ $attributes->class('px-3 sm:px-6 md:px-10 md:mx-auto md:max-w-7xl group last:mb-8 dark:text-theme-dark-200 mt-2') }}>
-    <div class="flex sm:justify-end space-x-2">
+    <div class="flex space-x-2 sm:justify-end">
         <a
             @if ($nextUrl !== null)
                 href="{{ $nextUrl }}"
@@ -18,7 +18,7 @@
                 'button-generic bg-theme-secondary-200 text-theme-secondary-500 dark:bg-theme-secondary-800 dark:text-theme-secondary-700 select-none' => $nextUrl === null,
             ])
         >
-            <div class="flex items-center justify-center space-x-2">
+            <div class="flex justify-center items-center space-x-2">
                 <x-ark-icon name="arrows.chevron-left-small" size="w-3 h-3" />
 
                 <div>
@@ -39,7 +39,7 @@
                 'button-generic bg-theme-secondary-200 text-theme-secondary-500 dark:bg-theme-secondary-800 dark:text-theme-secondary-700 select-none' => $previousUrl === null,
             ])
         >
-            <div class="flex items-center justify-center space-x-2">
+            <div class="flex justify-center items-center space-x-2">
                 <div>
                     <span class="hidden sm:inline">Next Block</span>
                     <span class="inline sm:hidden">Next</span>

From 58f0e7b455802e353a586781f9b83a8eaf0e684b Mon Sep 17 00:00:00 2001
From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Thu, 6 Feb 2025 14:10:00 +0000
Subject: [PATCH 3/3] swap previous and next functionality

---
 .../block/page/detail-pagination.blade.php       | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/views/components/block/page/detail-pagination.blade.php b/resources/views/components/block/page/detail-pagination.blade.php
index d6e694010..d10e10b57 100644
--- a/resources/views/components/block/page/detail-pagination.blade.php
+++ b/resources/views/components/block/page/detail-pagination.blade.php
@@ -8,14 +8,14 @@
 <div {{ $attributes->class('px-3 sm:px-6 md:px-10 md:mx-auto md:max-w-7xl group last:mb-8 dark:text-theme-dark-200 mt-2') }}>
     <div class="flex space-x-2 sm:justify-end">
         <a
-            @if ($nextUrl !== null)
-                href="{{ $nextUrl }}"
+            @if ($previousUrl !== null)
+                href="{{ $previousUrl }}"
             @endif
 
             @class([
                 'py-1.5 px-4 font-semibold flex-1 sm:flex-none',
-                'button-secondary' => $nextUrl !== null,
-                'button-generic bg-theme-secondary-200 text-theme-secondary-500 dark:bg-theme-secondary-800 dark:text-theme-secondary-700 select-none' => $nextUrl === null,
+                'button-secondary' => $previousUrl !== null,
+                'button-generic bg-theme-secondary-200 text-theme-secondary-500 dark:bg-theme-secondary-800 dark:text-theme-secondary-700 select-none' => $previousUrl === null,
             ])
         >
             <div class="flex justify-center items-center space-x-2">
@@ -29,14 +29,14 @@
         </a>
 
         <a
-            @if ($previousUrl !== null)
-                href="{{ $previousUrl }}"
+            @if ($nextUrl !== null)
+                href="{{ $nextUrl }}"
             @endif
 
             @class([
                 'py-1.5 px-4 font-semibold flex-1 sm:flex-none',
-                'button-secondary' => $previousUrl !== null,
-                'button-generic bg-theme-secondary-200 text-theme-secondary-500 dark:bg-theme-secondary-800 dark:text-theme-secondary-700 select-none' => $previousUrl === null,
+                'button-secondary' => $nextUrl !== null,
+                'button-generic bg-theme-secondary-200 text-theme-secondary-500 dark:bg-theme-secondary-800 dark:text-theme-secondary-700 select-none' => $nextUrl === null,
             ])
         >
             <div class="flex justify-center items-center space-x-2">