(fix) autocomplete input style - (fix) new ballot section's title

src/assets/stylesheets/components/_FormAutocomplete.scss

@@ -0,0 +1,6 @@
+input[type="text"] {
+    .frm-FormAutocomplete & {
+        @include form-element-base-style();
+        height: $input-height;
+    }
+}

src/assets/stylesheets/components/_index.scss

@@ -16,6 +16,7 @@
 @import "ButtonNewBallot";
 @import "ButtonVoting";
 @import "Footer";
+@import "FormAutocomplete";
 @import "FormFieldTitle";
 @import "FormHint";
 @import "FormInput";

src/components/FormAutocomplete/index.js

@@ -16,7 +16,7 @@ export const FormAutocomplete = ({
   return (
     <div className={`frm-FormAutocomplete ${extraClassName}`}>
       <FormFieldTitle htmlFor={id} text={title} />
-      <PlacesAutocomplete onSelect={onSelect} inputProps={inputProps} autocompleteItem={autocompleteItem} />
+      <PlacesAutocomplete autocompleteItem={autocompleteItem} inputProps={inputProps} onSelect={onSelect} />
       {hint ? <FormHint text={hint} networkBranch={networkBranch} /> : null}
     </div>
   )

src/components/NavigationLinks/index.js

@@ -6,18 +6,21 @@ import { NavigationIcon } from '../NavigationIcon'
 export const NavigationLinks = ({ networkBranch }) => {
   return (
     <div className="nl-NavigationLinks">
-      {constants.navigationData.map((item, index) => (
-        <NavLink
-          activeClassName="active"
-          className={`nl-NavigationLinks_Link nl-NavigationLinks_Link-${networkBranch}`}
-          exact
-          key={index}
-          to={item.url}
-        >
-          <NavigationIcon networkBranch={networkBranch} icon={item.icon} />
-          <span className={`nl-NavigationLinks_Text nl-NavigationLinks_Text-${networkBranch}`}>{item.title}</span>
-        </NavLink>
-      ))}
+      {constants.navigationData.map(
+        (item, index) =>
+          item.disabled ? null : (
+            <NavLink
+              activeClassName="active"
+              className={`nl-NavigationLinks_Link nl-NavigationLinks_Link-${networkBranch}`}
+              exact
+              key={index}
+              to={item.url}
+            >
+              <NavigationIcon networkBranch={networkBranch} icon={item.icon} />
+              <span className={`nl-NavigationLinks_Text nl-NavigationLinks_Text-${networkBranch}`}>{item.title}</span>
+            </NavLink>
+          )
+      )}
     </div>
   )
 }

src/stores/BallotStore.js

@@ -1,4 +1,4 @@
-import { observable, computed, action, toJS } from 'mobx'
+import { observable, computed, action } from 'mobx'
 import moment from 'moment'
 import { constants } from '../utils/constants'
 

src/utils/constants.js

@@ -43,6 +43,11 @@ constants.navigationData = [
     icon: 'finalize',
     title: 'To Finalize',
     url: `${constants.rootPath}/tofinalize`
+  },
+  {
+    disabled: true,
+    title: 'New',
+    url: `${constants.rootPath}/new`
   }
 ]