Merge pull request #153 from fac-14/tick-displayed

Tick displayed
fac-14 · Oct 18, 2018 · a7ff2b2 · a7ff2b2
2 parents f419520 + 1f1b74f
commit a7ff2b2
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 20 deletions.
diff --git a/src/components/Pages/AddNew/AddBanner.js b/src/components/Pages/AddNew/AddBanner.js
diff --git a/src/components/Pages/AddNew/AddTile.js b/src/components/Pages/AddNew/AddTile.js
@@ -23,15 +23,18 @@ const StyledAddNewBannerContainer = styled.div`
 export default class AddTile extends React.Component {
   state = {
     exam: this.props.match.params.exam,
-    station: ""
+    station: "",
+    tickDisplayed: false
   };
 
   submitTile = () => {
     airtableQuery(`/api/add-station/${removeWhitespace(this.state.station)}`);
   };
 
   userTypes = input => {
-    this.setState({ station: input });
+    input
+      ? this.setState({ station: input, tickDisplayed: true })
+      : this.setState({ station: "", tickDisplayed: false });
   };
 
   render() {
@@ -42,21 +45,25 @@ export default class AddTile extends React.Component {
           submitCase={this.submitTile}
           stationName={"add new"}
           station={this.state.station}
-          tickDisplayed={true}
+          tickDisplayed={this.state.tickDisplayed}
           addNewFlow={true}
         />
-        <NewTileInput
-          instructionText={"Add station"}
-          userTypes={this.userTypes}
-        />
-        <InstructionText text={"Add case"} />
-        <StyledAddNewBannerContainer>
-          <AddNewBanner
-            exam={this.state.exam}
-            station={this.state.station.replace(/\s/g, "-")}
-            submitStation={this.submitTile}
+        <StyledInstructionContainer>
+          <NewTileInput
+            instructionText={"Add station"}
+            userTypes={this.userTypes}
           />
-        </StyledAddNewBannerContainer>
+        </StyledInstructionContainer>
+        <InstructionText text={"Add case"} />
+        {this.state.station && (
+          <StyledAddNewBannerContainer>
+            <AddNewBanner
+              exam={this.state.exam}
+              station={this.state.station.replace(/\s/g, "-")}
+              submitStation={this.submitTile}
+            />
+          </StyledAddNewBannerContainer>
+        )}
       </React.Fragment>
     );
   }