Added sort button

2022-05-31 14:02:05 +04:30
parent 78fe86b911
commit 55efe787fa
8 changed files with 122 additions and 52 deletions
@@ -0,0 +1,24 @@
+import '../styles/Sort.css'
+
+const Sort = ({ onExit }) => {
+    function abort(e) {
+        if (e.target.className === "sort-overlay") {
+            onExit();
+        }
+    }
+
+  return (
+    <>
+        <div className='sort-overlay' onClick={abort}></div>
+        <fieldset className='sort'>
+            <legend>Sort List</legend>
+            <label><input name="sort" type="radio" />Date</label>
+            <label><input name="sort" type="radio" />Name</label>
+            <label><input name="sort" type="radio" />Title</label>
+            <label><input name="sort" type="radio" />Tags</label>
+        </fieldset>
+    </>
+  )
+}
+
+export default Sort