commit a27d2709aad9d0b4222790685934578cdfab4ee1 · juli.ee/cleanfollow

+35 -7
src/App.tsx
···

       83
       83
        
         });

     

       84
       84
        
       };

     

       85
       85
        
       

     

       86
       86
       +
       function selectRecords(status: RepoStatus) {

     

       87
       87
       +
         followRecords.forEach((record, index) => {

     

       88
       88
       +
           if (record.status == status)

     

       89
       89
       +
             setFollowRecords(index, "toBeDeleted", record.toBeDeleted ? false : true);

     

       90
       90
       +
         });

     

       91
       91
       +
       }

     

       92
       92
       +
       

     

       86
       93
        
       const fetchHiddenAccounts = async (handle: string, password: string) => {

     

       87
       94
        
         const serviceURL = await fetchServiceEndpoint(handle);

     

       88
       95
        
       

     
···

       188
       195
        
                     <input

     

       189
       196
        
                       type="checkbox"

     

       190
       197
        
                       id="delete"

     

       198
       198
       +
                       checked={record.toBeDeleted}

     

       191
       199
        
                       onChange={(e) =>

     

       192
       200
        
                         setFollowRecords(

     

       193
       201
        
                           index(),

     
···

       196
       204
        
                         )

     

       197
       205
        
                       }

     

       198
       206
        
                     />

     

       199
       199
       -
                     <div>{record.handle}</div>

     

       200
       200
       -
                     <Show when={record.toBeDeleted}>

     

       201
       201
       -
                       <div>TO DELETE</div>

     

       202
       202
       -
                     </Show>

     

       203
       203
       -
                     <div>

     

       207
       207
       +
                     <span>{record.handle} </span>

     

       208
       208
       +
                     <span>

     

       204
       209
        
                       <Switch>

     

       205
       210
        
                         <Match when={record.status == RepoStatus.DELETED}>

     

       206
       211
        
                           Deleted

     
···

       215
       220
        
                           Suspended

     

       216
       221
        
                         </Match>

     

       217
       222
        
                       </Switch>

     

       218
       218
       -
                     </div>

     

       219
       219
       -
                     <div>{record.did}</div>

     

       223
       223
       +
                     </span>

     

       224
       224
       +
                     <span> {record.did}</span>

     

       220
       225
        
                   </div>

     

       221
       226
        
                 </Show>

     

       222
       227
        
               )}

     
···

       251
       256
        
             >

     

       252
       257
        
               Preview

     

       253
       258
        
             </button>

     

       259
       259
       +
             <div>

     

       260
       260
       +
               <button type="button" onclick={() => selectRecords(RepoStatus.DELETED)}>

     

       261
       261
       +
                 Deleted

     

       262
       262
       +
               </button>

     

       263
       263
       +
               <button

     

       264
       264
       +
                 type="button"

     

       265
       265
       +
                 onclick={() => selectRecords(RepoStatus.DEACTIVATED)}

     

       266
       266
       +
               >

     

       267
       267
       +
                 Deactivated

     

       268
       268
       +
               </button>

     

       269
       269
       +
               <button

     

       270
       270
       +
                 type="button"

     

       271
       271
       +
                 onclick={() => selectRecords(RepoStatus.BLOCKEDBY)}

     

       272
       272
       +
               >

     

       273
       273
       +
                 Blocked By

     

       274
       274
       +
               </button>

     

       275
       275
       +
               <button

     

       276
       276
       +
                 type="button"

     

       277
       277
       +
                 onclick={() => selectRecords(RepoStatus.SUSPENDED)}

     

       278
       278
       +
               >

     

       279
       279
       +
                 Suspended

     

       280
       280
       +
               </button>

     

       281
       281
       +
             </div>

     

       254
       282
        
           </div>

     

       255
       283
        
         );

     

       256
       284
        
       };