Remove checkboxes from statuses where they are not used

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;

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>

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
     }

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>