- cleaning

resources/js/Shared/Layout/AppLayout.vue

@@ -9,30 +9,9 @@
       <div class="lg:px-4">
         <slot />
       </div>
-      <div class="p-4 text-xs text-gray-500 flex align-baseline gap-x-1">
-        <p>
-          <strong>Wydanie:</strong> <a
-            v-if="deployInformation.github_url"
-            :href="`${deployInformation.github_url}/commit/${deployInformation.slug_commit}`"
-            target="_blank"
-            rel="noopener nofollow noreferrer"
-            :title="`Commit: ${deployInformation.slug_commit}`"
-          >
-            {{ deployInformation.slug_description }} ({{ deployInformation.release_version }})
-          </a><span
-            v-else
-            :title="`Commit: ${deployInformation.slug_commit}`"
-          >
-            {{ deployInformation.slug_description }}
-          </span>
-        </p>
-        <p
-          v-if="deployInformation.release_created_at"
-          class="border-l-2 border-gray-300 pl-1"
-        >
-          <strong>Data wydania:</strong> {{ deployInformation.release_created_at }}
-        </p>
-      </div>
+      <DeployInfo
+        :deploy-information="deployInformation"
+      />
     </main>
   </div>
 </template>
@@ -41,6 +20,7 @@
 import MainMenu from '@/Shared/MainMenu'
 import { useToast } from 'vue-toastification'
 import { watch } from 'vue'
+import DeployInfo from '@/Shared/DeployInfo'
 
 const props = defineProps({
   flash: Object,

resources/js/Shared/Layout/GuestLayout.vue

@@ -1,31 +1,17 @@
 <template>
   <div class="relative flex flex-col justify-center py-12 min-h-screen bg-blumilk-25 sm:px-6 lg:px-8">
     <slot />
-    <div class="absolute left-0 bottom-0 min-w-full p-4 text-xs text-gray-500 flex flex-col gap-x-1">
-      <p>
-        <strong>Wydanie:</strong> <a
-          v-if="deployInformation.github_url"
-          :href="`${deployInformation.github_url}/commit/${deployInformation.slug_commit}`"
-          target="_blank"
-          rel="noopener nofollow noreferrer"
-          :title="`Commit: ${deployInformation.slug_commit}`"
-        >
-          {{ deployInformation.slug_description }} ({{ deployInformation.release_version }})
-        </a>
-        <span
-          v-else
-          :title="`Commit: ${deployInformation.slug_commit}`"
-        >
-          {{ deployInformation.slug_description }}
-        </span>
-      </p>
-      <p v-if="deployInformation.release_created_at">
-        <strong>Data wydania:</strong> {{ deployInformation.release_created_at }}
-      </p>
-    </div>
+    <DeployInfo
+      :deploy-information="deployInformation"
+      layout="vertical"
+      class="absolute right-0 bottom-0"
+    />
   </div>
 </template>
+
 <script setup>
+import DeployInfo from '@/Shared/DeployInfo'
+
 defineProps({
   deployInformation: Object,
 })