Updated ListSelector button to display name of chosen list

ripetoast · Oct 15, 2019 · c1391fd · c1391fd
1 parent 75cb5ed
commit c1391fd
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/public/data/data.json b/public/data/data.json
@@ -229,7 +229,11 @@
         "ぶらじる",
         "中国・ちゅうごく",
         "かんこく",
-        "たい"
+        "たい",
+        "すぺいん",
+        "いたりあ",
+        "すうええでん",
+        "おらんだ"
     ],
     "Jobs": [
         "いしや",

diff --git a/src/components/App.js b/src/components/App.js
@@ -45,7 +45,7 @@ class App extends React.Component{
                     <img src="./ListGen.svg" alt="logo" style={{ "width": "30rem" }} />
                 </div>
                 <br/>
-                <ListSelector rerenderList={this.rerenderList} onListSelect={this.onListSelect} buttons={this.state.buttons} />
+                <ListSelector chosenList={this.state.selectedList} rerenderList={this.rerenderList} onListSelect={this.onListSelect} buttons={this.state.buttons} />
                 <br />
                 {this.state.selectedList === null ? "" : <List listData={this.state.list} />}
             </div>

diff --git a/src/components/ListSelector.js b/src/components/ListSelector.js
@@ -16,7 +16,8 @@ const ListSelector = (props) => {
             <ul className="nav justify-content-around">
                 {/* dropdown */}
                 <div className="btn-group dropright">
-                    <button type="button" className="list-name btn btn-outline-primary">Lists</button>
+                    {console.log(props.chosenList)}
+                    <button type="button" className="list-name btn btn-outline-primary">{props.chosenList === null ? "Lists" : props.chosenList}</button>
                     <button type="button" className="btn btn-outline-primary dropdown-toggle dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                         <span className="sr-only">Toggle Dropdown</span>
                     </button>