From 1fa258ff23d86885124085b1176a857fe039e695 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 30 May 2020 22:24:56 +0300
Subject: [PATCH] Add tag for invalid accounts on User profile

---
 src/lang/en.js           |  2 +-
 src/views/users/show.vue | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/lang/en.js b/src/lang/en.js
index d25fff70..288bdf53 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -239,7 +239,7 @@ export default {
     confirmAccount: 'Confirm account',
     confirmAccounts: 'Confirm accounts',
     resendConfirmation: 'Resend confirmation email',
-    invalidUser: 'This user is invalid and can\'t be modified'
+    invalidUser: 'This account is invalid and can\'t be modified'
   },
   statuses: {
     statuses: 'Statuses',
diff --git a/src/views/users/show.vue b/src/views/users/show.vue
index 0d6d081b..f6b08715 100644
--- a/src/views/users/show.vue
+++ b/src/views/users/show.vue
@@ -44,6 +44,9 @@
     <div class="user-profile-container">
       <el-card class="user-profile-card">
         <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--medium">
+          <el-tag v-if="!isValid(user)" type="info" class="invalid-user-tag">
+            {{ $t('users.invalidUser') }}
+          </el-tag>
           <table class="user-profile-table">
             <tbody>
               <tr class="el-table__row">
@@ -222,6 +225,14 @@ table {
     width: 100%;
   }
 }
+.invalid-user-tag {
+  font-size: 14px;
+  width: inherit;
+  height: auto;
+  text-align: center;
+  word-wrap: break-word;
+  white-space: normal;
+}
 .left-header-container {
   align-items: center;
   display: flex;
@@ -287,6 +298,7 @@ table {
 }
 .user-profile-table {
   margin: 0;
+  width: inherit;
 }
 .user-profile-tag {
   margin: 0 4px 4px 0;