commit 2ea1692c2b123c5cd76b4a105964043f6fc632d0 · juli.ee/cleanfollow

+16 -11
src/App.tsx
···

       66
       66
        
       };

     

       67
       67
        
       

     

       68
       68
        
       const Follows: Component = () => {

     

       69
       69
       -
         function selectRecords(status: RepoStatus, toBeDeleted: boolean) {

     

       69
       69
       +
         function editRecords(

     

       70
       70
       +
           status: RepoStatus,

     

       71
       71
       +
           field: keyof FollowRecord,

     

       72
       72
       +
           value: boolean,

     

       73
       73
       +
         ) {

     

       70
       74
        
           followRecords.forEach((record, index) => {

     

       71
       71
       -
             if (record.status & status)

     

       72
       72
       -
               setFollowRecords(index, "toBeDeleted", toBeDeleted);

     

       73
       73
       -
           });

     

       74
       74
       -
         }

     

       75
       75
       -
       

     

       76
       76
       -
         function changeVisibility(status: RepoStatus, visible: boolean) {

     

       77
       77
       -
           followRecords.forEach((record, index) => {

     

       78
       78
       -
             if (record.status & status) setFollowRecords(index, "visible", visible);

     

       75
       75
       +
             if (record.status & status) setFollowRecords(index, field, value);

     

       79
       76
        
           });

     

       80
       77
        
         }

     

       81
       78
        
       

     
···

       107
       104
        
                           class="peer sr-only"

     

       108
       105
        
                           checked

     

       109
       106
        
                           onChange={(e) =>

     

       110
       110
       -
                             changeVisibility(option.status, e.currentTarget.checked)

     

       107
       107
       +
                             editRecords(

     

       108
       108
       +
                               option.status,

     

       109
       109
       +
                               "visible",

     

       110
       110
       +
                               e.currentTarget.checked,

     

       111
       111
       +
                             )

     

       111
       112
        
                           }

     

       112
       113
        
                         />

     

       113
       114
        
                         <span class="peer relative h-5 w-9 rounded-full bg-gray-200 after:absolute after:start-[2px] after:top-[2px] after:h-4 after:w-4 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[''] peer-checked:bg-blue-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:border-gray-600 dark:bg-gray-700 dark:peer-focus:ring-blue-800 rtl:peer-checked:after:-translate-x-full"></span>

     
···

       122
       123
        
                         id={option.label}

     

       123
       124
        
                         class="h-4 w-4 rounded"

     

       124
       125
        
                         onChange={(e) =>

     

       125
       125
       -
                           selectRecords(option.status, e.currentTarget.checked)

     

       126
       126
       +
                           editRecords(

     

       127
       127
       +
                             option.status,

     

       128
       128
       +
                             "toBeDeleted",

     

       129
       129
       +
                             e.currentTarget.checked,

     

       130
       130
       +
                           )

     

       126
       131
        
                         }

     

       127
       132
        
                       />

     

       128
       133
        
                       <label for={option.label} class="ml-2 select-none">