close #2856 Fixed: Firefox Modal Info shows up on every page

resources/lang/en-GB/notifications.php

@@ -185,4 +185,16 @@ return [
         'mark_read_all'         => ':type is read all notifications!',
 
     ],
+
+    'browser' => [
+
+        'firefox' => [
+
+            'title' => 'Firefox Icon Configuration',
+            'description'  => '<span class="font-medium">If your icons not appear please;</span> <br /> <span class="font-medium">Please Allow pages to choose their own fonts, instead of your selections above</span> <br /><br /> <span class="font-bold"> Settings (Preferences) > Fonts > Advanced </span>',
+
+        ],
+
+    ],
+
 ];

resources/views/components/layouts/admin.blade.php

@@ -80,6 +80,8 @@
                     </x-layouts.admin.header>
 
                     <x-layouts.admin.content>
+                        <livewire:notification.browser />
+
                         <x-layouts.admin.notifications />
 
                         {!! $content !!}

resources/views/components/layouts/modules.blade.php

@@ -60,6 +60,8 @@
                     </x-layouts.admin.header>
 
                     <x-layouts.admin.content>
+                        <livewire:notification.browser />
+
                         <x-layouts.admin.notifications />
 
                         @if (! $content->attributes->has('withoutBar'))

resources/views/components/layouts/portal.blade.php

@@ -72,6 +72,8 @@
                     </x-layouts.portal.header>
 
                     <x-layouts.portal.content>
+                        <notifications.browser />
+
                         {!! $content !!}
                     </x-layouts.portal.content>
 

resources/views/components/layouts/signed.blade.php

@@ -63,6 +63,8 @@
             </x-layouts.signed.header>
 
             <x-layouts.signed.content>
+                <livewire:notification.browser />
+
                 {!! $content !!}
             </x-layouts.signed.content>
 

resources/views/livewire/notification/browser/firefox.blade.php

@@ -0,0 +1,47 @@
+<div>
+    <div
+        data-modal-handle
+        @class([
+            'modal w-full h-full fixed top-0 left-0 right-0 z-50 overflow-y-auto overflow-hidden fade justify-center items-start',
+            'show flex flex-wrap modal-background' => ! $status,
+            'hidden' => $status,
+        ])
+    >
+        <div class="w-full my-10 m-auto flex flex-col px-2 sm:px-0 max-w-2xl">
+            <div class="modal-content">
+                <div class="p-5 bg-body rounded-tl-lg rounded-tr-lg">
+                    <div class="flex items-center justify-between border-b pb-5">
+                        <h4 class="text-base font-medium">
+                            {!! trans('notifications.browser.firefox.title') !!}
+                        </h4>
+                    </div>
+                </div>
+
+                <div class="pt-1 pb-5 px-5 bg-body">
+                    <div>
+                        {!! trans('notifications.browser.firefox.description') !!}
+                    </div>
+                </div>
+
+                <div class="p-5 bg-body rounded-bl-lg rounded-br-lg border-gray-300">
+                    <div class="flex items-center justify-end">
+                        <button wire:click="firefoxConfirm" class="relative px-6 py-1.5 bg-green hover:bg-green-700 text-white rounded-lg disabled:bg-green-100">
+                            {{ trans('general.confirm') }}
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+@if ($status)
+<script>
+    let now = new Date();
+    now.setTime(now.getTime() + 1 * 3600 * 1000);
+
+    let expires = now.toUTCString();
+
+    Cookies.set('firefox_notification_confirm', true, expires);
+</script>
+@endif