commit 52ad46bf551b90dc6b44ec566cc0e8c0147be986 · juli.ee/cleanfollow

+5 -8
src/App.tsx
···

       111
       111
        
           <div class="mt-3">

     

       112
       112
        
             <Show when={followRecords.length}>

     

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

     

       114
       114
       -
                 <For each={Object.keys(options)}>

     

       114
       114
       +
                 <For each={Object.entries(options)}>

     

       115
       115
        
                   {(option) => (

     

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

     

       117
       117
        
                       <input

     

       118
       118
        
                         type="checkbox"

     

       119
       119
       -
                         id={option}

     

       119
       119
       +
                         id={option[0]}

     

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

     

       121
       121
        
                         onChange={(e) =>

     

       122
       122
       -
                           selectRecords(

     

       123
       123
       -
                             options[option].status,

     

       124
       124
       -
                             e.currentTarget.checked,

     

       125
       125
       -
                           )

     

       122
       122
       +
                           selectRecords(option[1].status, e.currentTarget.checked)

     

       126
       123
        
                         }

     

       127
       124
        
                       />

     

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

     

       129
       129
       -
                         {options[option].label}

     

       125
       125
       +
                       <label for={option[0]} class="ml-2 select-none">

     

       126
       126
       +
                         {option[1].label}

     

       130
       127
        
                       </label>

     

       131
       128
        
                     </div>

     

       132
       129
        
                   )}