From b53c1b36a01b35fece4d52bca8a70d26779c044c Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Mon, 1 Sep 2025 13:56:07 +0200
Subject: [PATCH] FEATURE Reversing the order of previous / next posts

---
 .../css/components/previous-next-posts.css    | 38 +++++++++++++++++++
 resources/img/graphic-assets/chevron_left.svg |  9 +++++
 .../img/graphic-assets/chevron_right.svg      |  9 +++++
 single-artisans.php                           | 29 +++++++-------
 4 files changed, 71 insertions(+), 14 deletions(-)
 create mode 100644 resources/img/graphic-assets/chevron_left.svg
 create mode 100644 resources/img/graphic-assets/chevron_right.svg

diff --git a/resources/css/components/previous-next-posts.css b/resources/css/components/previous-next-posts.css
index 4881f01..1b029e4 100644
--- a/resources/css/components/previous-next-posts.css
+++ b/resources/css/components/previous-next-posts.css
@@ -6,4 +6,42 @@
   .link-title {
     @apply font-bold;
   }
+  &__previous {
+    @apply text-right;
+    &:before {
+      @apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0 mr-auto;
+      content: '';
+      margin-top: auto;
+      margin-bottom: auto;
+      background-image: url('../resources/img/graphic-assets/chevron_left.svg');
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 50% 50%;
+    }
+    &:after {
+      @apply content-none;
+    }
+    &:only-child {
+      grid-column: 2;
+    }
+  }
+  &__next {
+    @apply text-left;
+    &:after {
+      @apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0 ml-auto;
+      content: '';
+      margin-top: auto;
+      margin-bottom: auto;
+      background-image: url('../resources/img/graphic-assets/chevron_right.svg');
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: 50% 50%;
+    }
+    &:before {
+      @apply content-none;
+    }
+    &:only-child {
+      grid-column: 2;
+    }
+  }
 }
diff --git a/resources/img/graphic-assets/chevron_left.svg b/resources/img/graphic-assets/chevron_left.svg
new file mode 100644
index 0000000..d42b276
--- /dev/null
+++ b/resources/img/graphic-assets/chevron_left.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 7.9 11.7" style="enable-background:new 0 0 7.9 11.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<path id="Tracé_3614" class="st0" d="M6.7,1.6L1.2,6.1l5.5,4.4"/>
+</svg>
diff --git a/resources/img/graphic-assets/chevron_right.svg b/resources/img/graphic-assets/chevron_right.svg
new file mode 100644
index 0000000..a82ee51
--- /dev/null
+++ b/resources/img/graphic-assets/chevron_right.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 7.9 11.7" style="enable-background:new 0 0 7.9 11.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+<path id="Tracé_3614" class="st0" d="M1.2,10.5L6.7,6L1.2,1.6"/>
+</svg>
diff --git a/single-artisans.php b/single-artisans.php
index 3f7bc01..cc0a469 100644
--- a/single-artisans.php
+++ b/single-artisans.php
@@ -213,20 +213,6 @@ $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null;
 				$prevPost = get_previous_post();
 				$nextPost = get_next_post();
 				?>
-				<?php if ($nextPost) : ?>
-					<?php $nextPostcover = get_the_post_thumbnail_url($nextPost->ID, 'full'); ?>
-					<a class="previous-next-posts__next previous-next-artisans__next" href="<?php echo get_the_permalink($nextPost->ID) ?>">
-
-						<div class="previous-next-posts__link-content previous-next-artisan__link-content">
-							<p class="link-subtitle"><?php echo __("Entreprise suivante ", "metiers-patrimoine-theme") ?></p>
-							<p class="link-title"><?php echo $nextPost->post_title ?></p>
-						</div>
-						<?php if ($nextPostcover): ?>
-							<img class="previous-next-posts__post-thumbnail" src="<?php echo $nextPostcover ?>" alt="">
-						<?php endif; ?>
-					</a>
-				<?php endif; ?>
-
 				<?php if ($prevPost) : ?>
 					<?php $prevPostcover = get_the_post_thumbnail_url($prevPost->ID, 'full'); ?>
 					<a class="previous-next-posts__previous previous-next-artisan__previous" href="<?php echo get_the_permalink($prevPost->ID) ?>">
@@ -239,6 +225,21 @@ $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null;
 						</div>
 					</a>
 				<?php endif; ?>
+				<?php if ($nextPost) : ?>
+					<?php $nextPostcover = get_the_post_thumbnail_url($nextPost->ID, 'full'); ?>
+					<a class="previous-next-posts__next previous-next-artisan__next" href="<?php echo get_the_permalink($nextPost->ID) ?>">
+
+						<div class="previous-next-posts__link-content previous-next-artisan__link-content">
+							<p class="link-subtitle"><?php echo __("Entreprise suivante ", "metiers-patrimoine-theme") ?></p>
+							<p class="link-title"><?php echo $nextPost->post_title ?></p>
+						</div>
+						<?php if ($nextPostcover): ?>
+							<img class="previous-next-posts__post-thumbnail" src="<?php echo $nextPostcover ?>" alt="">
+						<?php endif; ?>
+					</a>
+				<?php endif; ?>
+
+
 
 
 			</div>