From bbf71bd67a48f53e4211bc1ec8fe9e885892ab22 Mon Sep 17 00:00:00 2001
From: AJ <60591772+devajmeireles@users.noreply.github.com>
Date: Fri, 8 Mar 2024 13:20:10 -0300
Subject: [PATCH] wip

---
 app/Enums/Examples/Form/Date.php                  | 5 ++++-
 resources/views/documentation/form/date.blade.php | 6 +++---
 resources/views/livewire/welcome/table.blade.php  | 9 ++++++++-
 resources/views/welcome.blade.php                 | 6 +++---
 4 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/app/Enums/Examples/Form/Date.php b/app/Enums/Examples/Form/Date.php
index e728f254..518724d1 100644
--- a/app/Enums/Examples/Form/Date.php
+++ b/app/Enums/Examples/Form/Date.php
@@ -19,11 +19,14 @@ class Date
     HTML;
 
     public const CREATE_FROM_FORMAT = <<<'HTML'
+    // Your current date
     $date = '20/02/2024'; // 20/02/2024
     
+    // Formatting
     $date = now()->createFromFormat('d/m/Y', $date)->format('Y-m-d');
     
-    echo $date; // 2024-02-20
+    // Same date, but now in the correct format
+    $date; // 2024-02-20
     HTML;
 
     public const HELPERS = <<<'HTML'
diff --git a/resources/views/documentation/form/date.blade.php b/resources/views/documentation/form/date.blade.php
index ffa36190..2ba8430e 100644
--- a/resources/views/documentation/form/date.blade.php
+++ b/resources/views/documentation/form/date.blade.php
@@ -43,9 +43,9 @@
             </ul>
         </x-warning>
         <p class="mt-2">
-            Regardless of the format of your date, to send it to the component you
-            must follow the pattern <x-block>YYYY-MM-DD</x-block>. Therefore, if your date is different
-            from <x-block>YYYY-MM-DD</x-block>, the correct thing to do is to use Carbon's <x-block>createFromFormat</x-block>.
+            Regardless of the format of the date, to send the date to the component you
+            must follow the pattern <x-block>YYYY-MM-DD</x-block>. If the date are using a format different
+            than <x-block>YYYY-MM-DD</x-block>, the correct thing to do is to use Carbon's <x-block>createFromFormat</x-block>.
             Let's take a look at an example considering the Brazilian date format:
         </p>
         <x-code :contents="$createFromFormat" />
diff --git a/resources/views/livewire/welcome/table.blade.php b/resources/views/livewire/welcome/table.blade.php
index e2864918..7ba0c32c 100644
--- a/resources/views/livewire/welcome/table.blade.php
+++ b/resources/views/livewire/welcome/table.blade.php
@@ -40,7 +40,7 @@ public function notify(string $user): void
         $user = explode(' ', $user)[0];
 
         $this->toast()
-            ->error("Naaah!", "{$user} can't leave Laravel team! 😝")
+            ->error("Naaah!", "{$user} can't leave the Laravel team! 😝")
             ->send();
     }
 }; ?>
@@ -51,8 +51,15 @@ public function notify(string $user): void
              :$sort
              filter
              paginate
+             loading
              :quantity="[2,5,7]"
              id="users">
+        @interact('column_name', $user)
+            <div class="flex items-center gap-2">
+                <img src="https://unavatar.io/github/{{  $user->username }}" alt="{{ $user->name }}" class="w-8 h-8 rounded-full"/>
+                {{ $user->name }}
+            </div>
+        @endinteract
         @interact('column_action', $user)
         <x-button.circle color="red"
                          icon="trash"
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 4fbde9a0..51d4cdd6 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -290,9 +290,9 @@ class="h-full antialiased"
                                 <div class="flex flex-col">
                                     <dd class="mt-4 text-base leading-7 text-gray-300 space-y-2">
                                         @php($now = now()->format('Y-m-d'))
-                                        <x-date label="Normal" name="normal" :value="$now" format="DD, MMMM, YYYY" />
-                                        <x-date label="Range" range name="range" :value="[$now, now()->addWeek()->format('Y-m-d')]" format="DD, MMMM, YYYY" />
-                                        <x-date label="Multiple" multiple name="multiple" :value="[$now, now()->addDay()->format('Y-m-d')]" format="DD, MMMM, YYYY" />
+                                        <x-date label="Normal" name="normal" :value="$now" format="MMMM, DD, YYYY" />
+                                        <x-date label="Range" range name="range" :value="[$now, now()->addWeek()->format('Y-m-d')]" format="MMMM, DD, YYYY" />
+                                        <x-date label="Multiple" multiple name="multiple" :value="[$now, now()->addDay()->format('Y-m-d')]" format="MMMM, DD, YYYY" />
                                     </dd>
                                 </div>
                             </dl>