Add profile menu items for hiding/showing reposts

src/api/relationships.ts

@@ -9,15 +9,18 @@ export interface Relationship {
   requested: boolean,
   subscription_to: boolean,
   subscription_from: boolean,
+  showing_reblogs: boolean,
 }
 
 export async function follow(
   authToken: string,
   profileId: string,
+  showReposts: boolean,
 ): Promise<Relationship> {
   const url = `${BACKEND_URL}/api/v1/accounts/${profileId}/follow`
   const response = await http(url, {
     method: "POST",
+    json: { reblogs: showReposts },
     authToken,
   })
   const data = await response.json()

src/views/Profile.vue

@@ -15,7 +15,7 @@
             </div>
           </div>
           <div
-            v-if="!isLocalUser() || canConnectWallet() || canConfigureSubscription() || canSubscribe()"
+            v-if="!isLocalUser() || canConnectWallet() || canConfigureSubscription() || canSubscribe() || canHideReposts() || canShowReposts()"
             class="dropdown-menu-wrapper"
             v-click-away="hideProfileMenu"
           >
@@ -58,6 +58,12 @@
                   Pay for subscription
                 </a>
               </li>
+              <li v-if="canHideReposts()">
+                <a @click="follow(false)">Hide reposts</a>
+              </li>
+              <li v-if="canShowReposts()">
+                <a @click="follow(true)">Show reposts</a>
+              </li>
             </ul>
           </div>
         </div>
@@ -266,13 +272,28 @@ export default class ProfileView extends Vue {
     return this.relationship.requested
   }
 
-  async follow() {
+  canHideReposts(): boolean {
-    if (!this.store.currentUser || !this.profile) {
+    if (!this.relationship) {
+      return false
+    }
+    return (this.relationship.following || this.relationship.requested) && this.relationship.showing_reblogs
+  }
+
+  canShowReposts(): boolean {
+    if (!this.relationship) {
+      return false
+    }
+    return (this.relationship.following || this.relationship.requested) && !this.relationship.showing_reblogs
+  }
+
+  async follow(showReposts?: boolean) {
+    if (!this.store.currentUser || !this.profile || !this.relationship) {
       return
     }
     this.relationship = await follow(
       this.store.ensureAuthToken(),
       this.profile.id,
+      showReposts ?? this.relationship.showing_reblogs,
     )
   }