Cleaner code with prettier.

2022-06-16 13:43:44 +04:30
parent e2db7e71ac
commit 10d3a05c1d
32 changed files with 1021 additions and 754 deletions
@@ -1,25 +1,54 @@
-import '../styles/Filters.css'
+import "../styles/Filters.css";

-const Filters = ({nameChecked, handleNameCheckbox, descriptionChecked, handleDescriptionCheckbox, tagsChecked, handleTagsCheckbox, onExit}) => {
-    function abort(e) {
-        if (e.target.className === "filter-overlay") {
-            onExit();
-        }
+const Filters = ({
+  nameChecked,
+  handleNameCheckbox,
+  descriptionChecked,
+  handleDescriptionCheckbox,
+  tagsChecked,
+  handleTagsCheckbox,
+  onExit,
+}) => {
+  function abort(e) {
+    if (e.target.className === "filter-overlay") {
+      onExit();
    }
+  }

  return (
-    <>  
-        <div className='filter-overlay' onClick={abort}></div>
-        <div className='filter-box'>
-            <fieldset className='filter'>
-                <legend >Filter by</legend>
-                <label><input type="checkbox" checked={nameChecked} onChange={handleNameCheckbox} />Name</label>
-                <label><input type="checkbox" checked={descriptionChecked} onChange={handleDescriptionCheckbox} />Website title</label>
-                <label><input type="checkbox" checked={tagsChecked} onChange={handleTagsCheckbox} />Tags</label>
-            </fieldset>
-        </div>
+    <>
+      <div className="filter-overlay" onClick={abort}></div>
+      <div className="filter-box">
+        <fieldset className="filter">
+          <legend>Filter by</legend>
+          <label>
+            <input
+              type="checkbox"
+              checked={nameChecked}
+              onChange={handleNameCheckbox}
+            />
+            Name
+          </label>
+          <label>
+            <input
+              type="checkbox"
+              checked={descriptionChecked}
+              onChange={handleDescriptionCheckbox}
+            />
+            Website title
+          </label>
+          <label>
+            <input
+              type="checkbox"
+              checked={tagsChecked}
+              onChange={handleTagsCheckbox}
+            />
+            Tags
+          </label>
+        </fieldset>
+      </div>
    </>
-  )
-}
+  );
+};

-export default Filters
+export default Filters;