From 2f92d22b10bf9c433b7eddf9e1a13b7a2bd3c019 Mon Sep 17 00:00:00 2001
From: Charaf Rezrazi <charaf@big-boss-studio.com>
Date: Fri, 9 Sep 2022 16:22:51 +0200
Subject: [PATCH] fix: added missing update checker banner

---
 resources/js/pages/Tool.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/resources/js/pages/Tool.vue b/resources/js/pages/Tool.vue
index 96842569..61fc8aec 100644
--- a/resources/js/pages/Tool.vue
+++ b/resources/js/pages/Tool.vue
@@ -5,6 +5,29 @@
 
       <Heading class="mb-6">{{ __('NovaFileManager.title') }}</Heading>
 
+      <div class="relative bg-amber-600/10 rounded-md mb-4 text-xs" v-if="config.outdated">
+        <div class="mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8">
+          <div class="pr-16 sm:px-16 sm:text-center">
+            <p class="font-medium text-amber-700 dark:text-amber-500">
+              <span class="inline"
+                >You are running an outdated version of the package, a new version is
+                available.</span
+              >
+              <span class="block sm:ml-2 sm:inline-block">
+                <a
+                  href="https://github.com/BBS-Lab/nova-file-manager/releases"
+                  class="font-bold text-amber-800 dark:text-amber-400 inline-flex gap-1"
+                  target="_blank"
+                >
+                  Learn more
+                  <ArrowTopRightOnSquareIcon class="w-4 h-4 text-amber-800 dark:text-amber-400" />
+                </a>
+              </span>
+            </p>
+          </div>
+        </div>
+      </div>
+
       <Browser />
     </div>
   </div>
@@ -13,6 +36,7 @@
 import { useStore } from 'vuex'
 import Browser from '@/components/Browser'
 import { computed, onBeforeMount } from 'vue'
+import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/outline'
 
 const store = useStore()
 const props = defineProps({