diet

packages/app/src/components/Admin/AuditLog/SelectActionDropdown.tsx

@@ -28,49 +28,47 @@ export const SelectActionDropdown: FC<Props> = (props: Props) => {
 
   return (
     <div className="btn-group mr-2 mb-3">
-      <div className="dropdown">
-        <button className="btn btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
-          <i className="fa fa-fw fa-bolt" />Action
-        </button>
-        <ul className="dropdown-menu" aria-labelledby="dropdownMenuButton">
-          {dropdownItems.map(item => (
-            <div key={item.actionCategory}>
-              <div className="dropdown-item">
-                <div className="form-group px-2 m-0">
-                  <input
-                    type="checkbox"
-                    className="form-check-input"
-                    defaultChecked
-                    onChange={(e) => { selectAllActionCheckboxChangedHandler(item.actionNames, e.target.checked) }}
-                  />
-                  <label className="form-check-label">{item.actionCategory}</label>
-                </div>
+      <button className="btn btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
+        <i className="fa fa-fw fa-bolt" />Action
+      </button>
+      <ul className="dropdown-menu" aria-labelledby="dropdownMenuButton">
+        {dropdownItems.map(item => (
+          <div key={item.actionCategory}>
+            <div className="dropdown-item">
+              <div className="form-group px-2 m-0">
+                <input
+                  type="checkbox"
+                  className="form-check-input"
+                  defaultChecked
+                  onChange={(e) => { selectAllActionCheckboxChangedHandler(item.actionNames, e.target.checked) }}
+                />
+                <label className="form-check-label">{item.actionCategory}</label>
               </div>
-              {
-                item.actionNames.map(action => (
-                  <div className="dropdown-item" key={action}>
-                    <div className="form-group px-4 m-0">
-                      <input
-                        type="checkbox"
-                        className="form-check-input"
-                        id={`checkbox${action}`}
-                        onChange={() => { selectActionCheckboxChangedHandler(action) }}
-                        checked={actionMap.get(action)}
-                      />
-                      <label
-                        className="form-check-label"
-                        htmlFor={`checkbox${action}`}
-                      >
-                        {action}
-                      </label>
-                    </div>
-                  </div>
-                ))
-              }
             </div>
-          ))}
-        </ul>
-      </div>
+            {
+              item.actionNames.map(action => (
+                <div className="dropdown-item" key={action}>
+                  <div className="form-group px-4 m-0">
+                    <input
+                      type="checkbox"
+                      className="form-check-input"
+                      id={`checkbox${action}`}
+                      onChange={() => { selectActionCheckboxChangedHandler(action) }}
+                      checked={actionMap.get(action)}
+                    />
+                    <label
+                      className="form-check-label"
+                      htmlFor={`checkbox${action}`}
+                    >
+                      {action}
+                    </label>
+                  </div>
+                </div>
+              ))
+            }
+          </div>
+        ))}
+      </ul>
     </div>
   );
 };