Fix optimistic update when unfollowing a relay

src/lang/en.js

@@ -150,7 +150,8 @@ export default {
     draft: 'Draft',
     delete: 'Delete',
     cancel: 'Cancel',
-    confirm: 'Confirm'
+    confirm: 'Confirm',
+    unfollow: 'Unfollow'
   },
   errorLog: {
     tips: 'Please click the bug icon in the upper right corner',

src/store/modules/relays.js

@@ -16,7 +16,7 @@ const relays = {
       state.fetchedRelays = [...state.fetchedRelays, { actor: relay }]
     },
     DELETE_RELAY: (state, relay) => {
-      state.fetchedRelays = state.fetchedRelays.filter(fetchedRelay => fetchedRelay !== relay)
+      state.fetchedRelays = state.fetchedRelays.filter(fetchedRelay => fetchedRelay.actor !== relay)
     }
   },
   actions: {

src/views/settings/components/Relays.vue

@@ -2,7 +2,7 @@
   <div v-if="!loading" class="relays-container">
     <div class="follow-relay-container">
       <el-input v-model="newRelay" :placeholder="$t('settings.followRelay')" class="follow-relay" @keyup.enter.native="followRelay"/>
-      <el-button type="primary" @click.native="followRelay">{{ $t('settings.follow') }}</el-button>
+      <el-button @click.native="followRelay">{{ $t('settings.follow') }}</el-button>
     </div>
     <el-table :data="relays">
       <el-table-column
@@ -23,7 +23,7 @@
             type="text"
             size="small"
             @click.native="deleteRelay(scope.row.actor)">
-            {{ $t('table.delete') }}
+            {{ $t('table.unfollow') }}
           </el-button>
         </template>
       </el-table-column>