Version 1.0.0 - Finalisation du composant Servers

src/views/Servers.vue

@@ -7,9 +7,10 @@ import { useRouter } from 'vue-router';
 import { useGlobalStore } from '@/stores/globalStore';
 import { useUserStore } from '@/stores/userStore';
 import Button from '@/components/UI/Button.vue';
-import ReturnHomeButton from '@/components/Actions/ReturnHomeButton.vue';
+import ReturnHomeButton from '@/components/Widget/ReturnHomeButton.vue';
 import { ref } from 'vue';
-import ServerListItem from '@/components/Features/ServerListItem.vue';
+import ServerListItem from '@/components/Widget/ServerListItem.vue';
+import Info from '@/components/UI/Info.vue';
 
 const globalStore = useGlobalStore();
 const userStore = useUserStore();
@@ -36,6 +37,8 @@ function inviteSubsonics() {
     window.open(botInviteUrl.value, '_blank');
 }
 
+// Vérifier RaphX pourquoi ca plante !
+
 </script>
 
 <template>
@@ -47,8 +50,8 @@ function inviteSubsonics() {
                 <div class="servers-content">
                     <div class="servers-container">
                         <div class="servers-list">
-                        <ServerListItem v-for="server in userStore.userInfo.guilds" :key="server.id" :server="server" />
-                        
+                            <ServerListItem v-if="userStore.userInfo.guilds.length > 0" v-for="server in userStore.userInfo.guilds" :key="server.id" :server="server" />
+                        <Info class="center" v-else>Aucun de tes serveurs n'est référencé dans le bot. Invite le bot sur un serveur pour le voir ici.</Info>
                         </div>
                     </div>
                     
@@ -60,6 +63,8 @@ function inviteSubsonics() {
         </Splash>
     </SocketEnvironment>
     
+
+
 </template>
 <style scoped>
 .servers-div {
@@ -83,6 +88,12 @@ function inviteSubsonics() {
 
 }
 
+.center {
+    margin-left: auto;
+    margin-right: auto;
+    padding: 10px;;
+}
+
 .server-box {
     width: 100%;
     max-width: 800px;