#50 pronouns cards - handle not found

components/Account.vue

@@ -41,6 +41,7 @@
         </div>
 
         <Loading :value="profiles"><template v-if="profiles !== undefined">
+            <h3 class="h4"><T>profile.list</T>:</h3>
             <ul class="list-group mb-3">
                 <li v-for="(options, locale) in locales" :key="locale" :class="['list-group-item', locale === config.locale ? 'profile-current' : '']">
                     <ProfileOverview :profile="profiles[locale]" :locale="locale"/>

locale/pl/translations.suml

@@ -686,6 +686,7 @@ profile:
     names: 'Imiona'
     pronouns: 'Zaimki'
     words: 'Słowa'
+    list: 'Twoje wizytówki'
     init: 'Stwórz wizytówkę'
     show: 'Pokaż'
     edit: 'Edytuj'

routes/profile.vue

@@ -1,12 +1,12 @@
 <template>
-    <div class="container">
-        <template v-if="profile">
+    <NotFound v-if="!profile"/>
+    <div v-else class="container">
         <div class="mb-3 d-flex justify-content-between align-items-center flex-column flex-md-row">
             <h2 class="text-nowrap">
                 <Avatar :user="profile"/>
                 @{{username}}
             </h2>
-                <div class="list-group">
+            <div class="list-group" v-if="Object.keys(profiles).length > 1">
                 <LocaleLink v-for="(options, locale) in locales" :key="locale" v-if="profiles[locale] !== undefined"
                             :locale="locale" :link="`/@${username}`"
                             :class="['list-group-item list-group-item-action small px-3 py-2 text-center', locale === config.locale ? 'active disabled' : '']">
@@ -78,7 +78,6 @@
                 </div>
             </div>
         </section>
-        </template>
     </div>
 </template>
 

routes/template.vue

@@ -1,6 +1,6 @@
 <template>
     <NotFound v-if="!selectedTemplate"/>
-    <div class="container" v-else>
+    <div v-else class="container">
         <h2>
             <Icon v="tag"/>
             <T>template.intro</T>: