From 070c6e819d3d7d8bc5a60222ffe59e64fff7218b Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 14 Nov 2022 14:50:24 +0300
Subject: [PATCH] added icons set

---
 .../components/table/actions-mobile.blade.php | 32 ++++++++++++++-----
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/resources/views/components/table/actions-mobile.blade.php b/resources/views/components/table/actions-mobile.blade.php
index eca50ca8a..186103d6d 100644
--- a/resources/views/components/table/actions-mobile.blade.php
+++ b/resources/views/components/table/actions-mobile.blade.php
@@ -34,9 +34,13 @@
                 @switch($type)
                     @case('button')
                         <button type="button" class="w-full flex items-center text-purple px-2 h-9 leading-9" {!! $action['attributes'] ?? null !!}>
-                            <span class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
+                            <div class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
+                                <span class="material-icons-outlined text-purple text-lg mr-2 pointer-events-none">
+                                    {{ $action['icon'] }}
+                                </span>
+
                                 {{ $action['title'] }}
-                            </span>
+                            </div>
                         </button>
                         @break
 
@@ -52,9 +56,13 @@
 
                     @default
                         <a href="{{ $action['url'] }}" class="w-full flex items-center text-purple px-2 h-9 leading-9" {!! $action['attributes'] ?? null !!}>
-                            <span class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">    
+                            <div class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
+                                <span class="material-icons-outlined text-purple text-lg mr-2 pointer-events-none">
+                                    {{ $action['icon'] }}
+                                </span>
+
                                 {{ $action['title'] }}
-                            </span>
+                            </div>
                         </a>
                 @endswitch
 
@@ -92,9 +100,13 @@
                             @php $divider = false; @endphp
 
                             <button type="button" class="w-full flex items-center text-purple px-2 h-9 leading-9" {!! $action['attributes'] ?? null !!}>
-                                <span class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
+                                <div class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
+                                    <span class="material-icons-outlined text-purple text-lg mr-2 pointer-events-none">
+                                        {{ $action['icon'] }}
+                                    </span>
+
                                     {{ $action['title'] }}
-                                </span>
+                                </div>
                             </button>
                             @break
 
@@ -122,9 +134,13 @@
                             @php $divider = false; @endphp
 
                             <a href="{{ $action['url'] }}" class="w-full flex items-center text-purple px-2 h-9 leading-9" {!! $action['attributes'] ?? null !!}>
-                                <span class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
+                                <div class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
+                                    <span class="material-icons-outlined text-purple text-lg mr-2 pointer-events-none">
+                                        {{ $action['icon'] }}
+                                    </span>
+
                                     {{ $action['title'] }}
-                                </span>
+                                </div>
                             </a>
                     @endswitch
                 @endforeach