From 1033eee7e80b2b7c84d76ec3e7c21debd0b5b7f6 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 9 Jun 2020 23:36:14 +0300
Subject: [PATCH] Remove text decoration underline for internal links

---
 src/components/Status/index.vue | 9 ++++++++-
 src/views/statuses/show.vue     | 8 +++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/Status/index.vue b/src/components/Status/index.vue
index 292e8e68..c2039b57 100644
--- a/src/components/Status/index.vue
+++ b/src/components/Status/index.vue
@@ -5,7 +5,11 @@
         <div class="status-account-container">
           <div class="status-account">
             <el-checkbox v-if="showCheckbox" class="status-checkbox" @change="handleStatusSelection(account)"/>
-            <router-link v-if="propertyExists(account, 'id')" :to="{ name: 'UsersShow', params: { id: account.id }}" @click.native.stop>
+            <router-link
+              v-if="propertyExists(account, 'id')"
+              :to="{ name: 'UsersShow', params: { id: account.id }}"
+              class="router-link"
+              @click.native.stop>
               <div class="status-card-header">
                 <img v-if="propertyExists(account, 'avatar')" :src="account.avatar" class="status-avatar-img">
                 <span v-if="propertyExists(account, 'nickname')" class="status-account-name">{{ account.nickname }}</span>
@@ -264,6 +268,9 @@ export default {
       width: 100%;
     }
   }
+  .router-link {
+    text-decoration: none;
+  }
   .show-more-button {
     margin-left: 5px;
   }
diff --git a/src/views/statuses/show.vue b/src/views/statuses/show.vue
index dd9a9d85..45444292 100644
--- a/src/views/statuses/show.vue
+++ b/src/views/statuses/show.vue
@@ -2,7 +2,10 @@
   <div v-if="!loading" class="status-show-container">
     <header v-if="isDesktop || isTablet" class="user-page-header">
       <div class="avatar-name-container">
-        <router-link v-if="propertyExists(user, 'id')" :to="{ name: 'UsersShow', params: { id: user.id }}">
+        <router-link
+          v-if="propertyExists(user, 'id')"
+          :to="{ name: 'UsersShow', params: { id: user.id }}"
+          class="router-link">
           <div class="avatar-name-header">
             <el-avatar v-if="propertyExists(user, 'avatar')" :src="user.avatar" size="large" />
             <h1 v-if="propertyExists(user, 'nickname')">{{ user.nickname }}</h1>
@@ -173,6 +176,9 @@ export default {
 .reset-password-link {
   text-decoration: underline;
 }
+.router-link {
+  text-decoration: none;
+}
 .status-container {
   margin: 0 15px 0 20px;
 }