From 03ff18861e3996f15f37e6481dcec99a57bea68a Mon Sep 17 00:00:00 2001
From: Chri$ <samorytakougne@gmail.com>
Date: Thu, 28 Nov 2024 19:35:18 +0100
Subject: [PATCH 1/3] fix:[LAR-119] fix non-existent route link and translate
 page

---
 lang/en/pages/notification.php                | 16 ++++++++++++++
 lang/fr/pages/notification.php                | 16 ++++++++++++++
 .../livewire/notifications-page.blade.php     | 22 +++++++++----------
 3 files changed, 43 insertions(+), 11 deletions(-)
 create mode 100644 lang/en/pages/notification.php
 create mode 100644 lang/fr/pages/notification.php

diff --git a/lang/en/pages/notification.php b/lang/en/pages/notification.php
new file mode 100644
index 00000000..dc539810
--- /dev/null
+++ b/lang/en/pages/notification.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+
+    'empty' => 'You have no unread notifications.',
+    'new_content' => 'Start new forum content ?',
+    'choose_content' => 'Start by choosing the type of content you want to create.',
+    'article_action' => 'Write an article',
+    'share_content' => 'Share a tutorial or important information.',
+    'start_discussion' => 'Start a discussion.',
+    'start_discussion_description_text' => 'You\'d like to make a contribution.',
+    'ask_help' => 'Ask for help',
+    'ask_help_description' => 'Got a problem? Let\'s find a solution together.',
+];
diff --git a/lang/fr/pages/notification.php b/lang/fr/pages/notification.php
new file mode 100644
index 00000000..11d902ea
--- /dev/null
+++ b/lang/fr/pages/notification.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+return [
+
+    'empty' => 'Vous n\'avez pas de notifications non lues.',
+    'new_content' => 'Lancer un nouveau contenu forum ?',
+    'choose_content' => ' Commencer par choisir quel type de contenu vous voulez créer.',
+    'article_action' => 'Rédiger un article',
+    'share_content' => 'Partager un tutoriel ou une information importante.',
+    'start_discussion' => ' Démarrer une discussion',
+    'start_discussion_description_text' => 'Vous souhaitez apporter une pierre à l\'édifice.',
+    'ask_help' => 'Demander de l\'aide',
+    'ask_help_description' => ' Vous avez un problème ? Trouvons ensemble une solution.',
+];
diff --git a/resources/views/livewire/notifications-page.blade.php b/resources/views/livewire/notifications-page.blade.php
index e129454a..7d2827fc 100644
--- a/resources/views/livewire/notifications-page.blade.php
+++ b/resources/views/livewire/notifications-page.blade.php
@@ -51,14 +51,14 @@ class="mx-auto size-10 text-primary-600"
                         d="M14.857 17.082a23.848 23.848 0 005.454-1.31A8.967 8.967 0 0118 9.75v-.7V9A6 6 0 006 9v.75a8.967 8.967 0 01-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 01-5.714 0m5.714 0a3 3 0 11-5.714 0"
                     />
                 </svg>
-                <p class="mt-1 text-sm leading-5 text-gray-500 dark:text-gray-400">Vous n'avez pas de notifications non lues.</p>
+                <p class="mt-1 text-sm leading-5 text-gray-500 dark:text-gray-400">{{ __('pages/notification.empty') }}</p>
             </div>
         </div>
 
         <div class="mx-auto mt-10 max-w-lg">
-            <h2 class="font-sans text-lg font-medium text-gray-900">Lancer un nouveau contenu ?</h2>
+            <h2 class="font-sans text-lg font-medium text-gray-900">{{ __('pages/notification.new_content') }}</h2>
             <p class="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
-                Commencer par choisir quel type de contenu vous voulez créer.
+                {{ __('pages/notification.choose_content') }}
             </p>
             <ul role="list" class="mt-6 divide-y divide-skin-base border-b border-t border-skin-base">
                 <li>
@@ -83,13 +83,13 @@ class="size-6 text-white"
                         </div>
                         <div class="min-w-0 flex-1">
                             <div class="font-sans text-sm font-medium text-gray-900">
-                                <a href="{{ route('articles.new') }}">
+                                <a onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.article-form' })">
                                     <span class="absolute inset-0" aria-hidden="true"></span>
-                                    Rédiger un article
+                                    {{ __('pages/notification.article_action') }}
                                 </a>
                             </div>
                             <p class="text-sm font-normal text-gray-500 dark:text-gray-400">
-                                Partager un tutoriel ou une information importante.
+                                {{ __('pages/notification.share_content') }}
                             </p>
                         </div>
                         <div class="shrink-0 self-center">
@@ -131,11 +131,11 @@ class="size-6 text-white"
                             <div class="font-sans text-sm font-medium text-gray-900">
                                 <a href="{{ route('discussions.new') }}">
                                     <span class="absolute inset-0" aria-hidden="true"></span>
-                                    Démarrer une discussion
+                                    {{ __('pages/notification.start_discussion') }}
                                 </a>
                             </div>
                             <p class="text-sm font-normal text-gray-500 dark:text-gray-400">
-                                Vous souhaitez apporter une pierre à l'édifice.
+                                {{ __('pages/notification.start_discussion_description_text') }}
                             </p>
                         </div>
                         <div class="shrink-0 self-center">
@@ -175,13 +175,13 @@ class="size-6 text-white"
                         </div>
                         <div class="min-w-0 flex-1">
                             <div class="text-sm font-medium text-gray-900">
-                                <a href="{{ route('forum.new') }}">
+                                <a onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.thread-form' })">
                                     <span class="absolute inset-0" aria-hidden="true"></span>
-                                    Demander de l'aide
+                                    {{ __('pages/notification.ask_help') }}
                                 </a>
                             </div>
                             <p class="text-sm font-normal text-gray-500 dark:text-gray-400">
-                                Vous avez un problème ? Trouvons ensemble une solution.
+                                {{ __('pages/notification.ask_help_description') }}
                             </p>
                         </div>
                         <div class="shrink-0 self-center">

From 168492eb9199f76e984c73a57dbe861f24c2d4d1 Mon Sep 17 00:00:00 2001
From: Chri$ <samorytakougne@gmail.com>
Date: Tue, 3 Dec 2024 00:40:04 +0100
Subject: [PATCH 2/3] add space in End of array, change font to font-heading

---
 lang/en/pages/notification.php                        | 1 +
 lang/fr/pages/notification.php                        | 1 +
 resources/views/livewire/notifications-page.blade.php | 4 ++--
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/lang/en/pages/notification.php b/lang/en/pages/notification.php
index dc539810..90e6d25a 100644
--- a/lang/en/pages/notification.php
+++ b/lang/en/pages/notification.php
@@ -13,4 +13,5 @@
     'start_discussion_description_text' => 'You\'d like to make a contribution.',
     'ask_help' => 'Ask for help',
     'ask_help_description' => 'Got a problem? Let\'s find a solution together.',
+
 ];
diff --git a/lang/fr/pages/notification.php b/lang/fr/pages/notification.php
index 11d902ea..dc72deaf 100644
--- a/lang/fr/pages/notification.php
+++ b/lang/fr/pages/notification.php
@@ -13,4 +13,5 @@
     'start_discussion_description_text' => 'Vous souhaitez apporter une pierre à l\'édifice.',
     'ask_help' => 'Demander de l\'aide',
     'ask_help_description' => ' Vous avez un problème ? Trouvons ensemble une solution.',
+
 ];
diff --git a/resources/views/livewire/notifications-page.blade.php b/resources/views/livewire/notifications-page.blade.php
index 7d2827fc..0b0c95eb 100644
--- a/resources/views/livewire/notifications-page.blade.php
+++ b/resources/views/livewire/notifications-page.blade.php
@@ -4,7 +4,7 @@
             <div>
                 <h2
                     id="notification-date-{{ Str::slug($date) }}"
-                    class="inline-flex inline-flex items-center gap-x-3 rounded-full bg-skin-primary bg-opacity-20 px-2.5 py-1.5 font-sans text-sm font-medium text-primary-600"
+                    class="inline-flex items-center gap-x-3 rounded-full bg-skin-primary bg-opacity-20 px-2.5 py-1.5 font-heading text-sm font-medium text-primary-600"
                 >
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -56,7 +56,7 @@ class="mx-auto size-10 text-primary-600"
         </div>
 
         <div class="mx-auto mt-10 max-w-lg">
-            <h2 class="font-sans text-lg font-medium text-gray-900">{{ __('pages/notification.new_content') }}</h2>
+            <h2 class="font-heading text-lg font-medium text-gray-900">{{ __('pages/notification.new_content') }}</h2>
             <p class="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
                 {{ __('pages/notification.choose_content') }}
             </p>

From fdc8681d91c059f5dedab1993745dc81d30df166 Mon Sep 17 00:00:00 2001
From: Chri$ <samorytakougne@gmail.com>
Date: Wed, 4 Dec 2024 11:01:18 +0100
Subject: [PATCH 3/3] Replace link with button

---
 .../views/livewire/notifications-page.blade.php      | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/views/livewire/notifications-page.blade.php b/resources/views/livewire/notifications-page.blade.php
index 0b0c95eb..afe8d13e 100644
--- a/resources/views/livewire/notifications-page.blade.php
+++ b/resources/views/livewire/notifications-page.blade.php
@@ -83,10 +83,10 @@ class="size-6 text-white"
                         </div>
                         <div class="min-w-0 flex-1">
                             <div class="font-sans text-sm font-medium text-gray-900">
-                                <a onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.article-form' })">
+                                <x-buttons.default onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.article-form' })">
                                     <span class="absolute inset-0" aria-hidden="true"></span>
                                     {{ __('pages/notification.article_action') }}
-                                </a>
+                                </x-buttons.default>
                             </div>
                             <p class="text-sm font-normal text-gray-500 dark:text-gray-400">
                                 {{ __('pages/notification.share_content') }}
@@ -129,10 +129,10 @@ class="size-6 text-white"
                         </div>
                         <div class="min-w-0 flex-1">
                             <div class="font-sans text-sm font-medium text-gray-900">
-                                <a href="{{ route('discussions.new') }}">
+                                <x-buttons.default href="{{ route('discussions.new') }}">
                                     <span class="absolute inset-0" aria-hidden="true"></span>
                                     {{ __('pages/notification.start_discussion') }}
-                                </a>
+                                </x-buttons.default>
                             </div>
                             <p class="text-sm font-normal text-gray-500 dark:text-gray-400">
                                 {{ __('pages/notification.start_discussion_description_text') }}
@@ -175,10 +175,10 @@ class="size-6 text-white"
                         </div>
                         <div class="min-w-0 flex-1">
                             <div class="text-sm font-medium text-gray-900">
-                                <a onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.thread-form' })">
+                                <x-buttons.default onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.thread-form' })">
                                     <span class="absolute inset-0" aria-hidden="true"></span>
                                     {{ __('pages/notification.ask_help') }}
-                                </a>
+                                </x-buttons.default>
                             </div>
                             <p class="text-sm font-normal text-gray-500 dark:text-gray-400">
                                 {{ __('pages/notification.ask_help_description') }}