From 643eb55e6777fed7deae293619440dc791835f09 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Fri, 31 Jan 2020 21:54:23 +0300
Subject: [PATCH 1/8] Fix styles for filter container and add mobile UI

---
 src/views/statuses/index.vue | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/views/statuses/index.vue b/src/views/statuses/index.vue
index fedfc386..df96c00f 100644
--- a/src/views/statuses/index.vue
+++ b/src/views/statuses/index.vue
@@ -9,6 +9,7 @@
         :placeholder="$t('statuses.instanceFilter')"
         :no-data-text="$t('statuses.noInstances')"
         filterable
+        class="select-instance"
         @change="handleFilterChange">
         <el-option
           v-for="(instance,index) in instances"
@@ -49,13 +50,13 @@ export default {
     }
   },
   computed: {
-    loadingPeers() {
-      return this.$store.state.peers.loading
-    },
     ...mapGetters([
       'instances',
       'statuses'
-    ])
+    ]),
+    loadingPeers() {
+      return this.$store.state.peers.loading
+    }
   },
   created() {
   },
@@ -99,7 +100,14 @@ export default {
   }
 }
 .filter-container {
-  margin: 22px 15px 15px 0;
+    display: flex;
+    height: 36px;
+    justify-content: space-between;
+    align-items: center;
+    margin: 22px 0 15px 0;
+}
+.select-instance {
+  width: 350px;
 }
 .statuses-pagination {
   padding: 15px 0;
@@ -108,4 +116,20 @@ export default {
 h1 {
   margin: 22px 0 0 0;
 }
+
+@media
+only screen and (max-width: 760px),
+(min-device-width: 768px) and (max-device-width: 1024px) {
+  .filter-container {
+    display: flex;
+    height: 36px;
+    flex-direction: column;
+    margin: 10px 10px
+  }
+
+  .select-field {
+    width: 100%;
+    margin-bottom: 5px;
+  }
+}
 </style>

From 74018751e8005e4fc689eb014ece89966f18dfb1 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Fri, 31 Jan 2020 22:12:00 +0300
Subject: [PATCH 2/8] Remove checkboxes from statuses where they are not used

---
 src/components/Status/index.vue         | 15 +++++++++++----
 src/views/reports/components/Report.vue |  2 +-
 src/views/statuses/index.vue            |  5 ++++-
 src/views/users/show.vue                |  2 +-
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/components/Status/index.vue b/src/components/Status/index.vue
index 5ff766b4..16d247f1 100644
--- a/src/components/Status/index.vue
+++ b/src/components/Status/index.vue
@@ -5,10 +5,9 @@
         <div class="status-header">
           <div class="status-account-container">
             <div class="status-account">
-              <el-checkbox @change="handleStatusSelection(status.account)">
-                <img :src="status.account.avatar" class="status-avatar-img">
-                <h3 class="status-account-name">{{ status.account.display_name }}</h3>
-              </el-checkbox>
+              <el-checkbox v-if="showCheckbox" class="status-checkbox" @change="handleStatusSelection(status.account)"/>
+              <img :src="status.account.avatar" class="status-avatar-img">
+              <h3 class="status-account-name">{{ status.account.display_name }}</h3>
             </div>
             <a :href="status.account.url" target="_blank" class="account">
               @{{ status.account.acct }}
@@ -122,6 +121,11 @@ import moment from 'moment'
 export default {
   name: 'Status',
   props: {
+    showCheckbox: {
+      type: Boolean,
+      required: true,
+      default: false
+    },
     status: {
       type: Object,
       required: true
@@ -224,6 +228,9 @@ export default {
     display: flex;
     flex-direction: column;
   }
+  .status-checkbox {
+    margin-right: 7px;
+  }
   .status-content {
     font-size: 15px;
     line-height: 26px;
diff --git a/src/views/reports/components/Report.vue b/src/views/reports/components/Report.vue
index 4f8824d1..45d93382 100644
--- a/src/views/reports/components/Report.vue
+++ b/src/views/reports/components/Report.vue
@@ -58,7 +58,7 @@
             <el-collapse>
               <el-collapse-item :title="getStatusesTitle(report.statuses)">
                 <div v-for="status in report.statuses" :key="status.id">
-                  <status :status="status" :page="currentPage"/>
+                  <status :status="status" :show-checkbox="false" :page="currentPage"/>
                 </div>
               </el-collapse-item>
             </el-collapse>
diff --git a/src/views/statuses/index.vue b/src/views/statuses/index.vue
index df96c00f..a304ee2b 100644
--- a/src/views/statuses/index.vue
+++ b/src/views/statuses/index.vue
@@ -22,7 +22,7 @@
         @apply-action="clearSelection"/>
     </div>
     <div v-for="status in statuses" :key="status.id" class="status-container">
-      <status :status="status" @status-selection="handleStatusSelection" />
+      <status :status="status" :show-checkbox="isDesktop" @status-selection="handleStatusSelection" />
     </div>
     <div v-if="statuses.length > 0" class="statuses-pagination">
       <el-button @click="handleLoadMore">{{ $t('statuses.loadMore') }}</el-button>
@@ -54,6 +54,9 @@ export default {
       'instances',
       'statuses'
     ]),
+    isDesktop() {
+      return this.$store.state.app.device === 'desktop'
+    },
     loadingPeers() {
       return this.$store.state.peers.loading
     }
diff --git a/src/views/users/show.vue b/src/views/users/show.vue
index aa826c07..40952aeb 100644
--- a/src/views/users/show.vue
+++ b/src/views/users/show.vue
@@ -92,7 +92,7 @@
       <el-col :span="16">
         <el-timeline v-if="!statusesLoading" class="statuses">
           <el-timeline-item v-for="status in statuses" :key="status.id">
-            <status :status="status" :user-id="user.id" :godmode="showPrivate"/>
+            <status :status="status" :show-checkbox="false" :user-id="user.id" :godmode="showPrivate"/>
           </el-timeline-item>
           <p v-if="statuses.length === 0" class="no-statuses">{{ $t('userProfile.noStatuses') }}</p>
         </el-timeline>

From 4566725a4e02495b14b62dea6b8449a0fc35a1e9 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 1 Feb 2020 16:02:12 +0300
Subject: [PATCH 3/8] Move statuses state from component data to module

---
 src/api/status.js            |  2 +-
 src/store/modules/status.js  | 41 ++++++++++++++++++++++++++++++-----
 src/views/statuses/index.vue | 42 +++++++++++++++++++++---------------
 3 files changed, 62 insertions(+), 23 deletions(-)

diff --git a/src/api/status.js b/src/api/status.js
index ab9334e5..676cd9dc 100644
--- a/src/api/status.js
+++ b/src/api/status.js
@@ -21,7 +21,7 @@ export async function deleteStatus(id, authHost, token) {
   })
 }
 
-export async function fetchStatusesByInstance(instance, authHost, token, pageSize, page = 1) {
+export async function fetchStatusesByInstance({ instance, authHost, token, pageSize, page }) {
   return await request({
     baseURL: baseName(authHost),
     url: `/api/pleroma/admin/instances/${instance}/statuses?page=${page}&page_size=${pageSize}`,
diff --git a/src/store/modules/status.js b/src/store/modules/status.js
index e937ed5c..a05b69f2 100644
--- a/src/store/modules/status.js
+++ b/src/store/modules/status.js
@@ -3,9 +3,20 @@ import { changeStatusScope, deleteStatus, fetchStatusesByInstance } from '@/api/
 const status = {
   state: {
     fetchedStatuses: [],
-    loading: false
+    loading: false,
+    statusesByInstance: {
+      selectedInstance: '',
+      page: 1,
+      pageSize: 30
+    }
   },
   mutations: {
+    CHANGE_PAGE: (state, page) => {
+      state.statusesByInstance.page = page
+    },
+    CHANGE_SELECTED_INSTANCE: (state, instance) => {
+      state.statusesByInstance.selectedInstance = instance
+    },
     SET_STATUSES: (state, statuses) => {
       state.fetchedStatuses = statuses
     },
@@ -37,19 +48,39 @@ const status = {
         dispatch('FetchGroupedReports')
       }
     },
-    async FetchStatusesByInstance({ commit, getters }, { instance, page, pageSize }) {
+    async FetchStatusesByInstance({ commit, getters, state }) {
       commit('SET_LOADING', true)
-      const statuses = await fetchStatusesByInstance(instance, getters.authHost, getters.token, pageSize, page)
+      const statuses = await fetchStatusesByInstance(
+        {
+          instance: state.statusesByInstance.selectedInstance,
+          authHost: getters.authHost,
+          token: getters.token,
+          pageSize: state.statusesByInstance.pageSize,
+          page: state.statusesByInstance.page
+        })
 
       commit('SET_STATUSES', statuses.data)
       commit('SET_LOADING', false)
     },
-    async FetchStatusesPageByInstance({ commit, getters }, { instance, page, pageSize }) {
+    async FetchStatusesPageByInstance({ commit, getters, state }) {
       commit('SET_LOADING', true)
-      const statuses = await fetchStatusesByInstance(instance, getters.authHost, getters.token, pageSize, page)
+      const statuses = await fetchStatusesByInstance(
+        {
+          instance: state.statusesByInstance.selectedInstance,
+          authHost: getters.authHost,
+          token: getters.token,
+          pageSize: state.statusesByInstance.pageSize,
+          page: state.statusesByInstance.page
+        })
 
       commit('PUSH_STATUSES', statuses.data)
       commit('SET_LOADING', false)
+    },
+    HandleFilterChange({ commit }, instance) {
+      commit('CHANGE_SELECTED_INSTANCE', instance)
+    },
+    HandlePageChange({ commit }, page) {
+      commit('CHANGE_PAGE', page)
     }
   }
 }
diff --git a/src/views/statuses/index.vue b/src/views/statuses/index.vue
index a304ee2b..3789d6a9 100644
--- a/src/views/statuses/index.vue
+++ b/src/views/statuses/index.vue
@@ -22,7 +22,11 @@
         @apply-action="clearSelection"/>
     </div>
     <div v-for="status in statuses" :key="status.id" class="status-container">
-      <status :status="status" :show-checkbox="isDesktop" @status-selection="handleStatusSelection" />
+      <status
+        :status="status"
+        :show-checkbox="isDesktop"
+        :statuses-args="{ instance: selectedInstance, page, pageSize }"
+        @status-selection="handleStatusSelection" />
     </div>
     <div v-if="statuses.length > 0" class="statuses-pagination">
       <el-button @click="handleLoadMore">{{ $t('statuses.loadMore') }}</el-button>
@@ -43,10 +47,7 @@ export default {
   },
   data() {
     return {
-      selectedInstance: '',
-      selectedUsers: [],
-      page: 1,
-      pageSize: 30
+      selectedUsers: []
     }
   },
   computed: {
@@ -59,27 +60,34 @@ export default {
     },
     loadingPeers() {
       return this.$store.state.peers.loading
+    },
+    page() {
+      return this.$store.state.status.statusesByInstance.page
+    },
+    pageSize() {
+      return this.$store.state.status.statusesByInstance.pageSize
+    },
+    selectedInstance: {
+      get() {
+        return this.$store.state.status.statusesByInstance.selectedInstance
+      },
+      set(instance) {
+        this.$store.dispatch('HandleFilterChange', instance)
+      }
     }
   },
-  created() {
-  },
   mounted() {
     this.$store.dispatch('FetchPeers')
   },
   methods: {
-    handleFilterChange(instance) {
-      this.page = 1
-
-      this.$store.dispatch('FetchStatusesByInstance', { instance, page: this.page, pageSize: this.pageSize })
+    handleFilterChange() {
+      this.$store.dispatch('HandlePageChange', 1)
+      this.$store.dispatch('FetchStatusesByInstance')
     },
     handleLoadMore() {
-      this.page = this.page + 1
+      this.$store.dispatch('HandlePageChange', this.page + 1)
 
-      this.$store.dispatch('FetchStatusesPageByInstance', {
-        instance: this.selectedInstance,
-        page: this.page,
-        pageSize: this.pageSize
-      })
+      this.$store.dispatch('FetchStatusesPageByInstance')
     },
     clearSelection() {
       // TODO

From 6ecfbb8892a3f3099e9c98670229c1935d5f8c07 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Mon, 3 Feb 2020 17:21:00 +0300
Subject: [PATCH 4/8]

---
 src/components/Status/index.vue | 23 +++++++++++++++++++++--
 src/store/modules/status.js     |  8 ++++++--
 src/views/statuses/index.vue    |  2 +-
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/components/Status/index.vue b/src/components/Status/index.vue
index 16d247f1..99d4df0f 100644
--- a/src/components/Status/index.vue
+++ b/src/components/Status/index.vue
@@ -121,6 +121,11 @@ import moment from 'moment'
 export default {
   name: 'Status',
   props: {
+    fetchStatusesByInstance: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
     showCheckbox: {
       type: Boolean,
       required: true,
@@ -156,7 +161,15 @@ export default {
       return str.charAt(0).toUpperCase() + str.slice(1)
     },
     changeStatus(statusId, isSensitive, visibility) {
-      this.$store.dispatch('ChangeStatusScope', { statusId, isSensitive, visibility, reportCurrentPage: this.page, userId: this.userId, godmode: this.godmode })
+      this.$store.dispatch('ChangeStatusScope', {
+        statusId,
+        isSensitive,
+        visibility,
+        reportCurrentPage: this.page,
+        userId: this.userId,
+        godmode: this.godmode,
+        fetchStatusesByInstance: this.fetchStatusesByInstance
+      })
     },
     deleteStatus(statusId) {
       this.$confirm('Are you sure you want to delete this status?', 'Warning', {
@@ -164,7 +177,13 @@ export default {
         cancelButtonText: 'Cancel',
         type: 'warning'
       }).then(() => {
-        this.$store.dispatch('DeleteStatus', { statusId, reportCurrentPage: this.page, userId: this.userId, godmode: this.godmode })
+        this.$store.dispatch('DeleteStatus', {
+          statusId,
+          reportCurrentPage: this.page,
+          userId: this.userId,
+          godmode: this.godmode,
+          fetchStatusesByInstance: this.fetchStatusesByInstance
+        })
         this.$message({
           type: 'success',
           message: 'Delete completed'
diff --git a/src/store/modules/status.js b/src/store/modules/status.js
index a05b69f2..b433e4b0 100644
--- a/src/store/modules/status.js
+++ b/src/store/modules/status.js
@@ -28,22 +28,26 @@ const status = {
     }
   },
   actions: {
-    async ChangeStatusScope({ dispatch, getters }, { statusId, isSensitive, visibility, reportCurrentPage, userId, godmode }) {
+    async ChangeStatusScope({ dispatch, getters }, { statusId, isSensitive, visibility, reportCurrentPage, userId, godmode, fetchStatusesByInstance }) {
       await changeStatusScope(statusId, isSensitive, visibility, getters.authHost, getters.token)
       if (reportCurrentPage !== 0) { // called from Reports
         dispatch('FetchReports', reportCurrentPage)
       } else if (userId.length > 0) { // called from User profile
         dispatch('FetchUserStatuses', { userId, godmode })
+      } else if (fetchStatusesByInstance) { // called from Statuses by Instance
+        dispatch('FetchStatusesByInstance')
       } else { // called from GroupedReports
         dispatch('FetchGroupedReports')
       }
     },
-    async DeleteStatus({ dispatch, getters }, { statusId, reportCurrentPage, userId, godmode }) {
+    async DeleteStatus({ dispatch, getters }, { statusId, reportCurrentPage, userId, godmode, fetchStatusesByInstance }) {
       await deleteStatus(statusId, getters.authHost, getters.token)
       if (reportCurrentPage !== 0) { // called from Reports
         dispatch('FetchReports', reportCurrentPage)
       } else if (userId.length > 0) { // called from User profile
         dispatch('FetchUserStatuses', { userId, godmode })
+      } else if (fetchStatusesByInstance) { // called from Statuses by Instance
+        dispatch('FetchStatusesByInstance')
       } else { // called from GroupedReports
         dispatch('FetchGroupedReports')
       }
diff --git a/src/views/statuses/index.vue b/src/views/statuses/index.vue
index 3789d6a9..9639db41 100644
--- a/src/views/statuses/index.vue
+++ b/src/views/statuses/index.vue
@@ -25,7 +25,7 @@
       <status
         :status="status"
         :show-checkbox="isDesktop"
-        :statuses-args="{ instance: selectedInstance, page, pageSize }"
+        :fetch-statuses-by-instance="true"
         @status-selection="handleStatusSelection" />
     </div>
     <div v-if="statuses.length > 0" class="statuses-pagination">

From 6b94950e1e5e68aca394b947665091a8e5c09d7f Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Mon, 3 Feb 2020 17:43:20 +0300
Subject: [PATCH 5/8] Make instance select clearable

---
 src/store/modules/status.js  | 18 ++++++++++--------
 src/views/statuses/index.vue |  1 +
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/store/modules/status.js b/src/store/modules/status.js
index b433e4b0..35e978f3 100644
--- a/src/store/modules/status.js
+++ b/src/store/modules/status.js
@@ -54,14 +54,16 @@ const status = {
     },
     async FetchStatusesByInstance({ commit, getters, state }) {
       commit('SET_LOADING', true)
-      const statuses = await fetchStatusesByInstance(
-        {
-          instance: state.statusesByInstance.selectedInstance,
-          authHost: getters.authHost,
-          token: getters.token,
-          pageSize: state.statusesByInstance.pageSize,
-          page: state.statusesByInstance.page
-        })
+      const statuses = state.statusesByInstance.selectedInstance === ''
+        ? { data: [] }
+        : await fetchStatusesByInstance(
+          {
+            instance: state.statusesByInstance.selectedInstance,
+            authHost: getters.authHost,
+            token: getters.token,
+            pageSize: state.statusesByInstance.pageSize,
+            page: state.statusesByInstance.page
+          })
 
       commit('SET_STATUSES', statuses.data)
       commit('SET_LOADING', false)
diff --git a/src/views/statuses/index.vue b/src/views/statuses/index.vue
index 9639db41..c91e345e 100644
--- a/src/views/statuses/index.vue
+++ b/src/views/statuses/index.vue
@@ -9,6 +9,7 @@
         :placeholder="$t('statuses.instanceFilter')"
         :no-data-text="$t('statuses.noInstances')"
         filterable
+        clearable
         class="select-instance"
         @change="handleFilterChange">
         <el-option

From 0e88c84463bc9bb55e3929d996c4b5c1e60be8aa Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 4 Feb 2020 22:47:49 +0300
Subject: [PATCH 6/8] Pass userId for fetching user page only when necessary

---
 src/store/modules/users.js                    | 36 ++++++++++---------
 src/views/statuses/index.vue                  |  2 +-
 .../users/components/ModerationDropdown.vue   | 16 ++++-----
 .../users/components/MultipleUsersMenu.vue    |  9 +++--
 4 files changed, 32 insertions(+), 31 deletions(-)

diff --git a/src/store/modules/users.js b/src/store/modules/users.js
index 75b07402..2a1540e3 100644
--- a/src/store/modules/users.js
+++ b/src/store/modules/users.js
@@ -79,14 +79,14 @@ const users = {
     }
   },
   actions: {
-    async ActivateUsers({ dispatch, getters }, users) {
+    async ActivateUsers({ dispatch, getters }, { users, _userId }) {
       const updatedUsers = users.map(user => {
         return { ...user, deactivated: false }
       })
       const nicknames = users.map(user => user.nickname)
       const callApiFn = async() => await activateUsers(nicknames, getters.authHost, getters.token)
 
-      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: users[0].id })
+      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: _userId })
     },
     async ApplyChanges({ commit, dispatch, state }, { updatedUsers, callApiFn, userId }) {
       commit('SWAP_USERS', updatedUsers)
@@ -99,26 +99,28 @@ const users = {
         dispatch('SearchUsers', { query: state.searchQuery, page: state.currentPage })
       }
 
-      dispatch('FetchUserProfile', { userId, godmode: false })
+      if (userId) {
+        dispatch('FetchUserProfile', { userId, godmode: false })
+      }
       dispatch('SuccessMessage')
     },
-    async AddRight({ dispatch, getters }, { users, right }) {
+    async AddRight({ dispatch, getters }, { users, right, _userId }) {
       const updatedUsers = users.map(user => {
         return user.local ? { ...user, roles: { ...user.roles, [right]: true }} : user
       })
       const nicknames = users.map(user => user.nickname)
       const callApiFn = async() => await addRight(nicknames, right, getters.authHost, getters.token)
 
-      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: users[0].id })
+      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: _userId })
     },
-    async AddTag({ dispatch, getters }, { users, tag }) {
+    async AddTag({ dispatch, getters }, { users, tag, _userId }) {
       const updatedUsers = users.map(user => {
         return { ...user, tags: [...user.tags, tag] }
       })
       const nicknames = users.map(user => user.nickname)
       const callApiFn = async() => await tagUser(nicknames, [tag], getters.authHost, getters.token)
 
-      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: users[0].id })
+      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: _userId })
     },
     async ClearFilters({ commit, dispatch, state }) {
       commit('CLEAR_USERS_FILTERS')
@@ -134,23 +136,23 @@ const users = {
       }
       dispatch('SuccessMessage')
     },
-    async DeactivateUsers({ dispatch, getters }, users) {
+    async DeactivateUsers({ dispatch, getters }, { users, _userId }) {
       const updatedUsers = users.map(user => {
         return { ...user, deactivated: true }
       })
       const nicknames = users.map(user => user.nickname)
       const callApiFn = async() => await deactivateUsers(nicknames, getters.authHost, getters.token)
 
-      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: users[0].id })
+      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: _userId })
     },
-    async ConfirmUsersEmail({ dispatch, getters }, users) {
+    async ConfirmUsersEmail({ dispatch, getters }, { users, _userId }) {
       const updatedUsers = users.map(user => {
         return { ...user, confirmation_pending: false }
       })
       const nicknames = users.map(user => user.nickname)
       const callApiFn = async() => await confirmUserEmail(nicknames, getters.authHost, getters.token)
 
-      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: users[0].id })
+      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: _userId })
     },
     async ResendConfirmationEmail({ dispatch, getters }, users) {
       const usersNicknames = users.map(user => user.nickname)
@@ -161,16 +163,16 @@ const users = {
       }
       dispatch('SuccessMessage')
     },
-    async DeleteRight({ dispatch, getters }, { users, right }) {
+    async DeleteRight({ dispatch, getters }, { users, right, _userId }) {
       const updatedUsers = users.map(user => {
         return user.local ? { ...user, roles: { ...user.roles, [right]: false }} : user
       })
       const nicknames = users.map(user => user.nickname)
       const callApiFn = async() => await deleteRight(nicknames, right, getters.authHost, getters.token)
 
-      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: users[0].id })
+      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: _userId })
     },
-    async DeleteUsers({ commit, dispatch, getters, state }, users) {
+    async DeleteUsers({ commit, dispatch, getters, state }, { users, _userId }) {
       const usersNicknames = users.map(user => user.nickname)
       try {
         await deleteUsers(usersNicknames, getters.authHost, getters.token)
@@ -181,7 +183,7 @@ const users = {
       const updatedUsers = state.fetchedUsers.filter(user => !deletedUsersIds.includes(user.id))
       commit('SET_USERS', updatedUsers)
 
-      dispatch('FetchUserProfile', { userId: users[0].id, godmode: false })
+      dispatch('FetchUserProfile', { userId: _userId, godmode: false })
       dispatch('SuccessMessage')
     },
     async FetchUsers({ commit, dispatch, getters, state }, { page }) {
@@ -198,14 +200,14 @@ const users = {
     RemovePasswordToken({ commit }) {
       commit('SET_PASSWORD_RESET_TOKEN', { link: '', token: '' })
     },
-    async RemoveTag({ dispatch, getters }, { users, tag }) {
+    async RemoveTag({ dispatch, getters }, { users, tag, _userId }) {
       const updatedUsers = users.map(user => {
         return { ...user, tags: user.tags.filter(userTag => userTag !== tag) }
       })
       const nicknames = users.map(user => user.nickname)
       const callApiFn = async() => await untagUser(nicknames, [tag], getters.authHost, getters.token)
 
-      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: users[0].id })
+      dispatch('ApplyChanges', { updatedUsers, callApiFn, userId: _userId })
     },
     async RequirePasswordReset({ dispatch, getters }, users) {
       const nicknames = users.map(user => user.nickname)
diff --git a/src/views/statuses/index.vue b/src/views/statuses/index.vue
index c91e345e..df120bc7 100644
--- a/src/views/statuses/index.vue
+++ b/src/views/statuses/index.vue
@@ -91,7 +91,7 @@ export default {
       this.$store.dispatch('FetchStatusesPageByInstance')
     },
     clearSelection() {
-      // TODO
+      this.selectedUsers = []
     },
     handleStatusSelection(user) {
       if (this.selectedUsers.find(selectedUser => user.id === selectedUser.id) !== undefined) {
diff --git a/src/views/users/components/ModerationDropdown.vue b/src/views/users/components/ModerationDropdown.vue
index d6e361ad..e4a974c1 100644
--- a/src/views/users/components/ModerationDropdown.vue
+++ b/src/views/users/components/ModerationDropdown.vue
@@ -131,10 +131,10 @@ export default {
       this.$store.dispatch('ResendConfirmationEmail', [user])
     },
     handleDeletion(user) {
-      this.$store.dispatch('DeleteUsers', [user])
+      this.$store.dispatch('DeleteUsers', { users: [user], _userId: user.id })
     },
     handleEmailConfirmation(user) {
-      this.$store.dispatch('ConfirmUsersEmail', [user])
+      this.$store.dispatch('ConfirmUsersEmail', { users: [user], _userId: user.id })
     },
     requirePasswordReset(user) {
       const mailerEnabled = this.$store.state.user.nodeInfo.metadata.mailerEnabled
@@ -152,18 +152,18 @@ export default {
     },
     toggleActivation(user) {
       user.deactivated
-        ? this.$store.dispatch('ActivateUsers', [user])
-        : this.$store.dispatch('DeactivateUsers', [user])
+        ? this.$store.dispatch('ActivateUsers', { users: [user], _userId: user.id })
+        : this.$store.dispatch('DeactivateUsers', { users: [user], _userId: user.id })
     },
     toggleTag(user, tag) {
       user.tags.includes(tag)
-        ? this.$store.dispatch('RemoveTag', { users: [user], tag })
-        : this.$store.dispatch('AddTag', { users: [user], tag })
+        ? this.$store.dispatch('RemoveTag', { users: [user], tag, _userId: user.id })
+        : this.$store.dispatch('AddTag', { users: [user], tag, _userId: user.id })
     },
     toggleUserRight(user, right) {
       user.roles[right]
-        ? this.$store.dispatch('DeleteRight', { users: [user], right })
-        : this.$store.dispatch('AddRight', { users: [user], right })
+        ? this.$store.dispatch('DeleteRight', { users: [user], right, _userId: user.id })
+        : this.$store.dispatch('AddRight', { users: [user], right, _userId: user.id })
     }
   }
 }
diff --git a/src/views/users/components/MultipleUsersMenu.vue b/src/views/users/components/MultipleUsersMenu.vue
index de058ad8..eaf6d742 100644
--- a/src/views/users/components/MultipleUsersMenu.vue
+++ b/src/views/users/components/MultipleUsersMenu.vue
@@ -180,19 +180,19 @@ export default {
         },
         activate: () => {
           const filtered = this.selectedUsers.filter(user => user.deactivated && this.$store.state.user.id !== user.id)
-          const activateUsersFn = async(users) => await this.$store.dispatch('ActivateUsers', users)
+          const activateUsersFn = async(users) => await this.$store.dispatch('ActivateUsers', { users })
 
           applyAction(filtered, activateUsersFn)
         },
         deactivate: () => {
           const filtered = this.selectedUsers.filter(user => !user.deactivated && this.$store.state.user.id !== user.id)
-          const deactivateUsersFn = async(users) => await this.$store.dispatch('DeactivateUsers', users)
+          const deactivateUsersFn = async(users) => await this.$store.dispatch('DeactivateUsers', { users })
 
           applyAction(filtered, deactivateUsersFn)
         },
         remove: () => {
           const filtered = this.selectedUsers.filter(user => this.$store.state.user.id !== user.id)
-          const deleteAccountFn = async(users) => await this.$store.dispatch('DeleteUsers', users)
+          const deleteAccountFn = async(users) => await this.$store.dispatch('DeleteUsers', { users })
 
           applyAction(filtered, deleteAccountFn)
         },
@@ -202,7 +202,6 @@ export default {
               ? user.local && !user.tags.includes(tag)
               : !user.tags.includes(tag))
           const addTagFn = async(users) => await this.$store.dispatch('AddTag', { users, tag })
-
           applyAction(filtered, addTagFn)
         },
         removeTag: (tag) => async() => {
@@ -222,7 +221,7 @@ export default {
         },
         confirmAccounts: () => {
           const filtered = this.selectedUsers.filter(user => user.local && user.confirmation_pending)
-          const confirmAccountFn = async(users) => await this.$store.dispatch('ConfirmUsersEmail', users)
+          const confirmAccountFn = async(users) => await this.$store.dispatch('ConfirmUsersEmail', { users })
 
           applyAction(filtered, confirmAccountFn)
         },

From 090ab2efc82c3592394d88e0794da5080c89043a Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 4 Feb 2020 23:25:28 +0300
Subject: [PATCH 7/8] Changelog

---
 CHANGELOG.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 770681f7..dde5f9f0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Actions in users module (ActivateUsers, AddRight, DeactivateUsers, DeleteRight, DeleteUsers) now accept an array of users instead of one user
 - Leave dropdown menu open after clicking an action
 - Move current try/catch error handling from view files to module, add it where necessary
+- Display checkboxes in status card and fetch statuses only when status card was rendered from Statuses by instance page
+- Move statuses by instance state from local state to store state
+- Pass user's ID to actions that moderate users when action is called from user's profile page
 
 ### Added
 
@@ -32,6 +35,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Show checkmarks when tag is applied
 - Reports update (also, now it's optimistic)
 - Remove duplicated success message
+- Fix styles for Statuses by instance page
 
 ## [1.2.0] - 2019-09-27
 

From 8811ca4ff3a1acc414f585cfd448d38bd75b524d Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Wed, 5 Feb 2020 01:03:11 +0300
Subject: [PATCH 8/8] Fix mutation name

---
 src/store/modules/status.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/store/modules/status.js b/src/store/modules/status.js
index 35e978f3..228e03f1 100644
--- a/src/store/modules/status.js
+++ b/src/store/modules/status.js
@@ -17,7 +17,7 @@ const status = {
     CHANGE_SELECTED_INSTANCE: (state, instance) => {
       state.statusesByInstance.selectedInstance = instance
     },
-    SET_STATUSES: (state, statuses) => {
+    SET_STATUSES_BY_INSTANCE: (state, statuses) => {
       state.fetchedStatuses = statuses
     },
     PUSH_STATUSES: (state, statuses) => {
@@ -65,7 +65,7 @@ const status = {
             page: state.statusesByInstance.page
           })
 
-      commit('SET_STATUSES', statuses.data)
+      commit('SET_STATUSES_BY_INSTANCE', statuses.data)
       commit('SET_LOADING', false)
     },
     async FetchStatusesPageByInstance({ commit, getters, state }) {