fix(LoadingScreen): Fix time message and appname props

app/components/Launcher.vue

@@ -5,8 +5,13 @@ import { Status } from "@ogw_front/utils/status";
 import { appMode } from "@ogw_front/utils/local/app_mode";
 import { useInfraStore } from "@ogw_front/stores/infra";
 
-const { logo } = defineProps({
+const { logo, appName } = defineProps({
   logo: {
+    type: String,
+    required: false,
+    default: "",
+  },
+  appName: {
     type: String,
     required: true,
   },
@@ -31,7 +36,7 @@ if (infraStore.app_mode !== appMode.CLOUD) {
         <Recaptcha :button_color="'secondary'" />
       </v-col>
       <v-col v-else-if="infraStore.status === Status.CREATING">
-        <Loading :logo="logo" />
+        <Loading :logo="logo" :app-name="appName" />
       </v-col>
     </v-row>
   </v-container>

app/components/Loading.vue

@@ -1,9 +1,13 @@
 <script setup>
-const { logo } = defineProps({
+const { logo, appName } = defineProps({
   logo: {
     type: String,
     default: "",
   },
+  appName: {
+    type: String,
+    required: true,
+  },
 });
 
 const show = ref(false);
@@ -68,7 +72,7 @@ onUnmounted(() => {
           style="max-width: 650px; width: 100%; padding: 0 24px; gap: 1.5rem"
         >
           <LoadingHeader :logo="logo" />
-          <LoadingEcoMessages />
+          <LoadingEcoMessages :app-name="appName" />
           <LoadingProgress :progress="progress" />
           <LoadingFooter />
         </div>

app/components/Loading/EcoMessages.vue

@@ -1,5 +1,12 @@
 <script setup>
-const ecoMessages = [
+const { appName } = defineProps({
+  appName: {
+    type: String,
+    required: true,
+  },
+});
+
+const ecoMessages = computed(() => [
   {
     icon: "mdi-leaf",
     title: "Why the wait?",
@@ -13,17 +20,17 @@ const ecoMessages = [
   {
     icon: "mdi-earth",
     title: "Your choice matters",
-    message: "By using Vease, you're part of a more sustainable way to work with data.",
+    message: `By using ${appName}, you're part of a more sustainable way to work with data.`,
   },
-];
+]);
 
-const MESSAGE_INTERVAL_MS = 3000;
+const MESSAGE_INTERVAL_MS = 5000;
 const currentMessage = ref(0);
 let interval = undefined;
 
 onMounted(() => {
   interval = setInterval(() => {
-    currentMessage.value = (currentMessage.value + 1) % ecoMessages.length;
+    currentMessage.value = (currentMessage.value + 1) % ecoMessages.value.length;
   }, MESSAGE_INTERVAL_MS);
 });
 

app/components/Wrapper.vue

@@ -7,8 +7,9 @@ import { useInfraStore } from "@ogw_front/stores/infra";
 
 const infraStore = useInfraStore();
 
-const { versions_schema } = defineProps({
+const { versions_schema, appName } = defineProps({
   versions_schema: { type: Object, required: true },
+  appName: { type: String, required: true },
 });
 </script>
 
@@ -17,7 +18,7 @@ const { versions_schema } = defineProps({
     <v-row class="flex-column">
       <template v-if="!infraStore.microservices_connected">
         <v-col>
-          <Launcher />
+          <Launcher :app-name="appName" />
         </v-col>
       </template>
       <template v-else>