commit 2c8593d911e1a71cc5276ef4260a976abc20dd1c · juli.ee/cleanfollow

+43 -65

src/App.tsx

···

       78
        
           });

     

       79
        
         }

     

       80
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       81
        
         return (

     

       82
        
           <div class="mt-3">

     

       83
        
             <Show when={followRecords.length}>

     

       84
        
               <div class="flex flex-row flex-wrap gap-x-5 gap-y-2">

     

       85
       -
                 <div class="flex h-6 items-center">

     

       86
       -
                   <input

     

       87
       -
                     type="checkbox"

     

       88
       -
                     id="deleted"

     

       89
       -
                     class="h-4 w-4 rounded border-gray-400 text-indigo-600 focus:ring-indigo-600"

     

       90
       -
                     onChange={(e) =>

     

       91
       -
                       selectRecords(RepoStatus.DELETED, e.currentTarget.checked)

     

       92
       -
                     }

     

       93
       -
                   />

     

       94
       -
                   <label for="deleted" class="ml-2 select-none">

     

       95
       -
                     Deleted

     

       96
       -
                   </label>

     

       97
       -
                 </div>

     

       98
       -
                 <div class="flex h-6 items-center">

     

       99
       -
                   <input

     

       100
       -
                     type="checkbox"

     

       101
       -
                     id="deactivated"

     

       102
       -
                     class="h-4 w-4 rounded border-gray-400 text-indigo-600 focus:ring-indigo-600"

     

       103
       -
                     onChange={(e) =>

     

       104
       -
                       selectRecords(RepoStatus.DEACTIVATED, e.currentTarget.checked)

     

       105
       -
                     }

     

       106
       -
                   />

     

       107
       -
                   <label for="deactivated" class="ml-2 select-none">

     

       108
       -
                     Deactivated

     

       109
       -
                   </label>

     

       110
       -
                 </div>

     

       111
       -
                 <div class="flex h-6 items-center">

     

       112
       -
                   <input

     

       113
       -
                     type="checkbox"

     

       114
       -
                     id="suspended"

     

       115
       -
                     class="h-4 w-4 rounded border-gray-400 text-indigo-600 focus:ring-indigo-600"

     

       116
       -
                     onChange={(e) =>

     

       117
       -
                       selectRecords(RepoStatus.SUSPENDED, e.currentTarget.checked)

     

       118
       -
                     }

     

       119
       -
                   />

     

       120
       -
                   <label for="suspended" class="ml-2 select-none">

     

       121
       -
                     Suspended

     

       122
       -
                   </label>

     

       123
       -
                 </div>

     

       124
       -
                 <div class="flex h-6 items-center">

     

       125
       -
                   <input

     

       126
       -
                     type="checkbox"

     

       127
       -
                     id="blockedby"

     

       128
       -
                     class="h-4 w-4 rounded border-gray-400 text-indigo-600 focus:ring-indigo-600"

     

       129
       -
                     onChange={(e) =>

     

       130
       -
                       selectRecords(RepoStatus.BLOCKEDBY, e.currentTarget.checked)

     

       131
       -
                     }

     

       132
       -
                   />

     

       133
       -
                   <label for="blockedby" class="ml-2 select-none">

     

       134
       -
                     Blocked By

     

       135
       -
                   </label>

     

       136
       -
                 </div>

     

       137
       -
                 <div class="flex h-6 items-center">

     

       138
       -
                   <input

     

       139
       -
                     type="checkbox"

     

       140
       -
                     id="blocking"

     

       141
       -
                     class="h-4 w-4 rounded border-gray-400 text-indigo-600 focus:ring-indigo-600"

     

       142
       -
                     onChange={(e) =>

     

       143
       -
                       selectRecords(RepoStatus.BLOCKING, e.currentTarget.checked)

     

       144
       -
                     }

     

       145
       -
                   />

     

       146
       -
                   <label for="blocking" class="ml-2 select-none">

     

       147
       -
                     Blocking

     

       148
       -
                   </label>

     

       149
       -
                 </div>

     

       150
        
               </div>

     

       151
        
             </Show>

     

       152
        
             <div class="mt-5">

···

       78
        
           });

     

       79
        
         }

     

       80
        
       

     

       81
       +
         const options: Record<string, { status: RepoStatus; label: string }> = {

     

       82
       +
           deleted: {

     

       83
       +
             status: RepoStatus.DELETED,

     

       84
       +
             label: "Deleted",

     

       85
       +
           },

     

       86
       +
           deactivated: {

     

       87
       +
             status: RepoStatus.DEACTIVATED,

     

       88
       +
             label: "Deactivated",

     

       89
       +
           },

     

       90
       +
           suspended: {

     

       91
       +
             status: RepoStatus.SUSPENDED,

     

       92
       +
             label: "Suspended",

     

       93
       +
           },

     

       94
       +
           blockedby: {

     

       95
       +
             status: RepoStatus.BLOCKEDBY,

     

       96
       +
             label: "Blocked By",

     

       97
       +
           },

     

       98
       +
           blocking: {

     

       99
       +
             status: RepoStatus.BLOCKING,

     

       100
       +
             label: "Blocking",

     

       101
       +
           },

     

       102
       +
         };

     

       103
       +
       

     

       104
        
         return (

     

       105
        
           <div class="mt-3">

     

       106
        
             <Show when={followRecords.length}>

     

       107
        
               <div class="flex flex-row flex-wrap gap-x-5 gap-y-2">

     

       108
       +
                 <For each={Object.keys(options)}>

     

       109
       +
                   {(option) => (

     

       110
       +
                     <div class="flex h-6 items-center">

     

       111
       +
                       <input

     

       112
       +
                         type="checkbox"

     

       113
       +
                         id={option}

     

       114
       +
                         class="h-4 w-4 rounded border-gray-400 text-indigo-600 focus:ring-indigo-600"

     

       115
       +
                         onChange={(e) =>

     

       116
       +
                           selectRecords(

     

       117
       +
                             options[option].status,

     

       118
       +
                             e.currentTarget.checked,

     

       119
       +
                           )

     

       120
       +
                         }

     

       121
       +
                       />

     

       122
       +
                       <label for={option} class="ml-2 select-none">

     

       123
       +
                         {options[option].label}

     

       124
       +
                       </label>

     

       125
       +
                     </div>

     

       126
       +
                   )}

     

       127
       +
                 </For>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       128
        
               </div>

     

       129
        
             </Show>

     

       130
        
             <div class="mt-5">