[tree] input with enter for child add

src/Gargantext/Components/Forest/Tree/Node/Action/Add.purs

@@ -4,17 +4,20 @@ import Data.Argonaut (class EncodeJson, jsonEmptyObject, (:=), (~>))
 import Data.Array (head, length)
 import Data.Maybe (Maybe(..), fromMaybe)
 import Data.Tuple.Nested ((/\))
-import Effect.Aff (Aff)
+import Effect.Aff (Aff, launchAff_)
+import Reactix as R
+import Reactix.DOM.HTML as H
+
+import Gargantext.Prelude
+
 import Gargantext.Components.Forest.Tree.Node.Settings (SettingsBox(..), settingsBox)
 import Gargantext.Components.Forest.Tree.Node.Action (Action(..))
-import Gargantext.Components.Forest.Tree.Node.Tools (submitButton, formEdit, formChoiceSafe, panel)
-import Gargantext.Prelude (Unit, bind, pure, show, ($), (<>), (>))
+import Gargantext.Components.Forest.Tree.Node.Tools (submitButton, formChoiceSafe, panel)
+import Gargantext.Components.InputWithEnter (inputWithEnter)
 import Gargantext.Routes as GR
 import Gargantext.Sessions (Session, post)
 import Gargantext.Types  as GT
 import Gargantext.Types (NodeType(..))
-import Reactix as R
-import Reactix.DOM.HTML as H
 
 ----------------------------------------------------------------------
 addNode :: Session -> GT.ID -> AddNodeValue -> Aff (Array GT.ID)
@@ -76,7 +79,15 @@ addNodeView p@{ dispatch, nodeType, nodeTypes } = R.createElement el p []
                               where
                                 defaultNt = (fromMaybe Error $ head nodeTypes)
           maybeEdit   = [ if edit
-                          then formEdit name' setNodeName
+                          then inputWithEnter {
+                              onEnter: \_ -> launchAff_ $ dispatch (AddNode name' nt')
+                            , onValueChanged: \val -> setNodeName $ const val
+                            , autoFocus: true
+                            , className: "form-control"
+                            , defaultValue: name'
+                            , placeholder: name'
+                            , type: "text"
+                            }
                           else H.div {} []
                         ]
 

src/Gargantext/Components/Forest/Tree/Node/Tools.purs

@@ -128,7 +128,7 @@ formEdit defaultValue setter =
   H.div {className: "form-group"}
      [ H.input { type        : "text"
                , placeholder : defaultValue
-               , defaultValue: "Write" <> defaultValue
+               , defaultValue: defaultValue
                , className   : "form-control"
                , on: { input: setter
                                 <<< const