From c1391fd2c10904d33006da4df809d65215ab5527 Mon Sep 17 00:00:00 2001
From: Michael <michael_lau@live.co.uk>
Date: Tue, 15 Oct 2019 19:09:20 +0100
Subject: [PATCH] Updated ListSelector button to display name of chosen list

---
 public/data/data.json          | 6 +++++-
 src/components/App.js          | 2 +-
 src/components/ListSelector.js | 3 ++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/data/data.json b/public/data/data.json
index a2ccff9..ace30c9 100644
--- 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
index 91cd041..0090034 100644
--- 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
index 7188902..250259d 100644
--- 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>