From d3b5d057628213ae3c6d7a4e0df616902b4173a1 Mon Sep 17 00:00:00 2001
From: kPherox <admin@mail.kr-kp.com>
Date: Sat, 27 Apr 2019 05:13:34 +0900
Subject: [PATCH] Change to select timeline when add account

---
 src/components/Welcome.vue | 22 +++++++++++++++-------
 src/views/App.vue          |  2 +-
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index d8a5a1ca..e9823f59 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -4,16 +4,20 @@
     <h1>Welcome to TheDesk</h1>
     <BaseButton @click.native="status = 'login'" class="primary fill">{{ loginButton }}</BaseButton>
     <BaseButton @click.native="status = 'public_timeline'" class="primary">{{ publicTLButton }}</BaseButton>
-    <BaseButton @click.native="status = 'timeline'" class="primary">{{ TLButton }}</BaseButton>
 
     <BaseOverlay
       v-show="status !== 'welcome'"
       @close="status = 'welcome'"
-      :title="status === 'login' ? loginButton : publicTLButton"
+      :title="status === 'login'
+              ? loginButton
+              : status === 'public_timeline'
+              ? publicTLButton
+              : status === 'select_timeline'
+              ? selectTimeline : ''"
     >
-      <Login v-if="status === 'login'"/>
+      <Login v-if="status === 'login'" @login-complete="loggedIn"/>
       <PublicTimeline v-else-if="status === 'public_timeline'"/>
-      <Timeline v-else-if="status === 'timeline'"/>
+      <Timeline v-else-if="status === 'select_timeline'"/>
     </BaseOverlay>
   </div>
 </template>
@@ -21,11 +25,11 @@
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
 
-import Login from './Preference/AccountManager.vue'
+import Login from './Preferences/AccountAuth.vue'
 import Timeline from './Timeline/Timeline.vue'
 import PublicTimeline from './AddColumn/PublicTimeline.vue'
 
-type Status = 'welcome' | 'login' | 'public_timeline' | 'timeline'
+type Status = 'welcome' | 'login' | 'public_timeline' | 'select_timeline'
 
 @Component({
   components: {
@@ -38,7 +42,11 @@ export default class Welcome extends Vue {
   public status: Status = 'welcome'
   public loginButton: string = 'Login'
   public publicTLButton: string = 'Streaming Public Timeline'
-  public TLButton: string = 'Timeline'
+  public selectTimeline: string = 'Select Timeline'
+
+  public loggedIn() {
+    this.status = 'select_timeline'
+  }
 }
 </script>
 
diff --git a/src/views/App.vue b/src/views/App.vue
index e1665bb5..99a2590d 100644
--- a/src/views/App.vue
+++ b/src/views/App.vue
@@ -41,7 +41,7 @@ export default class App extends Vue {
     ipcRenderer.on('change-color-theme', () => this.isDarkMode = ipcRenderer.sendSync('dark-theme'))
     // TODO: アカウントか公開TLの追加を確認する。初回起動時のみ
     if (this.isStartup) {
-      //ipcRenderer.once('add-account-or-timeline', () => this.isStartup = false)
+      //ipcRenderer.once('add-timeline', () => this.isStartup = false)
     }
   }