make naming non confusing

Author: rwieruch

src/App/Navigation/index.js

@@ -9,7 +9,7 @@ import './style.css';
 
 const Navigation = ({
   location: { pathname },
-  initialValue,
+  organizationName,
   onOrganizationSearch,
 }) => (
   <header className="Navigation">
@@ -22,7 +22,7 @@ const Navigation = ({
 
     {pathname === routes.ORGANIZATION && (
       <OrganizationSearch
-        initialValue={initialValue}
+        organizationName={organizationName}
         onOrganizationSearch={onOrganizationSearch}
       />
     )}
@@ -31,7 +31,7 @@ const Navigation = ({
 
 class OrganizationSearch extends React.Component {
   state = {
-    value: this.props.initialValue,
+    value: this.props.organizationName,
   };
 
   onChange = event => {

src/App/index.js

@@ -17,7 +17,7 @@ class App extends Component {
     organizationName: ORGANIZATION_NAME_DEFAULT,
   };
 
-  onSubmit = value => {
+  onOrganizationSearch = value => {
     this.setState({ organizationName: value });
   };
 
@@ -28,8 +28,8 @@ class App extends Component {
       <Router>
         <div className="App">
           <Navigation
-            initialValue={organizationName}
-            onOrganizationSearch={this.onSubmit}
+            organizationName={organizationName}
+            onOrganizationSearch={this.onOrganizationSearch}
           />
 
           <div className="App-main">