···

       
111
       
 
       
    <div class="mt-3">

     

       
112
       
 
       
      <Show when={followRecords.length}>

     

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

     

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

     

       
115
       
 
       
            {(option) => (

     

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

     

       
117
       
 
       
                <input

     

       
118
       
 
       
                  type="checkbox"

     

       
119
       
-
       
                  id={option}

     

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

     

       
121
       
 
       
                  onChange={(e) =>

     

       
122
       
-
       
                    selectRecords(

     

       
123
       
-
       
                      options[option].status,

     

       
124
       
-
       
                      e.currentTarget.checked,

     

       
125
       
-
       
                    )

     

       
126
       
 
       
                  }

     

       
127
       
 
       
                />

     

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

     

       
129
       
-
       
                  {options[option].label}

     

       
130
       
 
       
                </label>

     

       
131
       
 
       
              </div>

     

       
132
       
 
       
            )}

     

···

       
111
       
 
       
    <div class="mt-3">

     

       
112
       
 
       
      <Show when={followRecords.length}>

     

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

     

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

     

       
115
       
 
       
            {(option) => (

     

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

     

       
117
       
 
       
                <input

     

       
118
       
 
       
                  type="checkbox"

     

       
119
       
+
       
                  id={option[0]}

     

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

     

       
121
       
 
       
                  onChange={(e) =>

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
123
       
 
       
                  }

     

       
124
       
 
       
                />

     

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

     

       
126
       
+
       
                  {option[1].label}

     

       
127
       
 
       
                </label>

     

       
128
       
 
       
              </div>

     

       
129
       
 
       
            )}