Merge pull request #73 from BBS-Lab/fix/update-checker

fix: added missing update checker banner
oneduo · Sep 9, 2022 · 1ea81a6 · 1ea81a6
2 parents 630296f + 2f92d22
commit 1ea81a6
Showing 1 changed file with 24 additions and 0 deletions.
diff --git 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({