Change modal to form

kevinkace · Mar 7, 2018 · c6f90ec · c6f90ec
1 parent 1a52bed
commit c6f90ec
Showing 1 changed file with 33 additions and 33 deletions.
diff --git a/src/modal/title.js b/src/modal/title.js
@@ -5,44 +5,44 @@ import state from "../state";
 import css from "./title.css";
 
 export default {
-    view : (vnode) => [
-        m("input", {
-            value       : vnode.state.value,
-            placeholder : state.song.title,
-            class       : css.input,
-            onkeydown   : (e) => {
-                if(e.keyCode === 13 && vnode.state.value) {
+    view : (vnode) =>
+        m("form", {
+                onsubmit : (e) => {
+                    e.preventDefault();
+
+                    if(!vnode.state.value) {
+                        return;
+                    }
+
                     state.action("ADD TITLE", vnode.state.value);
                 }
             },
-            oninput     : m.withAttr("value", (v) => {
-                vnode.state.value = v;
+            m("input", {
+                value       : vnode.state.value,
+                placeholder : state.song.title,
+                class       : css.input,
+                oninput     : m.withAttr("value", (v) => {
+                    vnode.state.value = v;
+                }),
+                oncreate : (inputVnode) => {
+                    inputVnode.dom.focus();
+                }
             }),
-            oncreate : (inputVnode) => {
-                inputVnode.dom.focus();
-            }
-        }),
-        m("div", { class : css.buttons },
-            m("button", {
-                    class   : css.add,
-                    onclick : () => {
-                        if(!vnode.state.value) {
-                            return;
+            m("div", { class : css.buttons },
+                m("button", {
+                        type  : "submit",
+                        class : css.add
+                    },
+                    "add title"
+                ),
+                m("button", {
+                        class   : css.cancel,
+                        onclick : () => {
+                            state.action("CLOSE MODAL");
                         }
-
-                        state.action("ADD TITLE", vnode.state.value);
-                    }
-                },
-                "add title"
-            ),
-            m("button", {
-                    class   : css.cancel,
-                    onclick : () => {
-                        state.action("CLOSE MODAL");
-                    }
-                },
-                "cancel"
+                    },
+                    "cancel"
+                )
             )
         )
-    ]
 };