···

       
12
       
 
       
import { BrowserOAuthClient, OAuthAgent } from "@atproto/oauth-client-browser";

     

       
13
       
 
       


     

       
14
       
 
       
enum RepoStatus {

     

       
15
       
-
       
  BLOCKEDBY,

     

       
16
       
-
       
  BLOCKING,

     

       
17
       
-
       
  DELETED,

     

       
18
       
-
       
  DEACTIVATED,

     

       
19
       
-
       
  SUSPENDED,

     

       
20
       
-
       
  YOURSELF,

     

       
21
       
 
       
}

     

       
22
       
 
       


     

       
23
       
 
       
type FollowRecord = {

     
···

       
69
       
 
       
const Follows: Component = () => {

     

       
70
       
 
       
  function selectRecords(status: RepoStatus, toBeDeleted: boolean) {

     

       
71
       
 
       
    followRecords.forEach((record, index) => {

     

       
72
       
-
       
      if (record.status == status)

     

       
73
       
 
       
        setFollowRecords(index, "toBeDeleted", toBeDeleted);

     

       
74
       
 
       
    });

     

       
75
       
 
       
  }

     
···

       
170
       
 
       
                  <div> {record.did} </div>

     

       
171
       
 
       
                  <div>

     

       
172
       
 
       
                    <Switch>

     

       
173
       
-
       
                      <Match when={record.status == RepoStatus.DELETED}>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
174
       
 
       
                        Deleted

     

       
175
       
 
       
                      </Match>

     

       
176
       
-
       
                      <Match when={record.status == RepoStatus.DEACTIVATED}>

     

       
177
       
 
       
                        Deactivated

     

       
178
       
 
       
                      </Match>

     

       
179
       
-
       
                      <Match when={record.status == RepoStatus.BLOCKEDBY}>

     

       
180
       
 
       
                        Blocked by

     

       
181
       
 
       
                      </Match>

     

       
182
       
-
       
                      <Match when={record.status == RepoStatus.BLOCKING}>

     

       
183
       
 
       
                        Blocking

     

       
184
       
 
       
                      </Match>

     

       
185
       
-
       
                      <Match when={record.status == RepoStatus.SUSPENDED}>

     

       
186
       
 
       
                        Suspended

     

       
187
       
 
       
                      </Match>

     

       
188
       
-
       
                      <Match when={record.status == RepoStatus.YOURSELF}>

     

       
189
       
 
       
                        Literally Yourself

     

       
190
       
 
       
                      </Match>

     

       
191
       
 
       
                    </Switch>

     
···

       
241
       
 
       
            actor: record.value.subject,

     

       
242
       
 
       
          });

     

       
243
       
 
       
          if (res.data.viewer?.blockedBy) {

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
244
       
 
       
            setFollowRecords(followRecords.length, {

     

       
245
       
 
       
              did: record.value.subject,

     

       
246
       
 
       
              handle: res.data.handle,

     

       
247
       
 
       
              uri: record.uri,

     

       
248
       
-
       
              status: RepoStatus.BLOCKEDBY,

     

       
249
       
 
       
              toBeDeleted: false,

     

       
250
       
 
       
            });

     

       
251
       
 
       
          } else if (res.data.did.includes(appAgent.did!)) {

     

···

       
12
       
 
       
import { BrowserOAuthClient, OAuthAgent } from "@atproto/oauth-client-browser";

     

       
13
       
 
       


     

       
14
       
 
       
enum RepoStatus {

     

       
15
       
+
       
  BLOCKEDBY = 1 << 0,

     

       
16
       
+
       
  BLOCKING = 1 << 1,

     

       
17
       
+
       
  DELETED = 1 << 2,

     

       
18
       
+
       
  DEACTIVATED = 1 << 3,

     

       
19
       
+
       
  SUSPENDED = 1 << 4,

     

       
20
       
+
       
  YOURSELF = 1 << 5,

     

       
21
       
 
       
}

     

       
22
       
 
       


     

       
23
       
 
       
type FollowRecord = {

     
···

       
69
       
 
       
const Follows: Component = () => {

     

       
70
       
 
       
  function selectRecords(status: RepoStatus, toBeDeleted: boolean) {

     

       
71
       
 
       
    followRecords.forEach((record, index) => {

     

       
72
       
+
       
      if (record.status & status)

     

       
73
       
 
       
        setFollowRecords(index, "toBeDeleted", toBeDeleted);

     

       
74
       
 
       
    });

     

       
75
       
 
       
  }

     
···

       
170
       
 
       
                  <div> {record.did} </div>

     

       
171
       
 
       
                  <div>

     

       
172
       
 
       
                    <Switch>

     

       
173
       
+
       
                      <Match

     

       
174
       
+
       
                        when={

     

       
175
       
+
       
                          record.status &

     

       
176
       
+
       
                          (RepoStatus.BLOCKEDBY | RepoStatus.BLOCKING)

     

       
177
       
+
       
                        }

     

       
178
       
+
       
                      >

     

       
179
       
+
       
                        Mutual Block

     

       
180
       
+
       
                      </Match>

     

       
181
       
+
       
                      <Match when={record.status & RepoStatus.DELETED}>

     

       
182
       
 
       
                        Deleted

     

       
183
       
 
       
                      </Match>

     

       
184
       
+
       
                      <Match when={record.status & RepoStatus.DEACTIVATED}>

     

       
185
       
 
       
                        Deactivated

     

       
186
       
 
       
                      </Match>

     

       
187
       
+
       
                      <Match when={record.status & RepoStatus.BLOCKEDBY}>

     

       
188
       
 
       
                        Blocked by

     

       
189
       
 
       
                      </Match>

     

       
190
       
+
       
                      <Match when={record.status & RepoStatus.BLOCKING}>

     

       
191
       
 
       
                        Blocking

     

       
192
       
 
       
                      </Match>

     

       
193
       
+
       
                      <Match when={record.status & RepoStatus.SUSPENDED}>

     

       
194
       
 
       
                        Suspended

     

       
195
       
 
       
                      </Match>

     

       
196
       
+
       
                      <Match when={record.status & RepoStatus.YOURSELF}>

     

       
197
       
 
       
                        Literally Yourself

     

       
198
       
 
       
                      </Match>

     

       
199
       
 
       
                    </Switch>

     
···

       
249
       
 
       
            actor: record.value.subject,

     

       
250
       
 
       
          });

     

       
251
       
 
       
          if (res.data.viewer?.blockedBy) {

     

       
252
       
+
       
            const status =

     

       
253
       
+
       
              res.data.viewer?.blocking || res.data.viewer?.blockingByList

     

       
254
       
+
       
                ? RepoStatus.BLOCKEDBY | RepoStatus.BLOCKING

     

       
255
       
+
       
                : RepoStatus.BLOCKEDBY;

     

       
256
       
 
       
            setFollowRecords(followRecords.length, {

     

       
257
       
 
       
              did: record.value.subject,

     

       
258
       
 
       
              handle: res.data.handle,

     

       
259
       
 
       
              uri: record.uri,

     

       
260
       
+
       
              status: status,

     

       
261
       
 
       
              toBeDeleted: false,

     

       
262
       
 
       
            });

     

       
263
       
 
       
          } else if (res.data.did.includes(appAgent.did!)) {