From 678ba6ccd2bece24d435083898765e0b388f63d8 Mon Sep 17 00:00:00 2001
From: Aleksei Tsybin <tsyalgen@yandex.ru>
Date: Wed, 2 Mar 2022 23:20:49 +0300
Subject: [PATCH] feature: add user to settings

---
 src/App.vue                |  2 +-
 src/views/LoginView.vue    |  1 +
 src/views/SettingsView.vue | 10 +++++++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 68e9d1a..ea32c4e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1 +1 @@
-<template>
  <div id="app">
    <div class="container">
      <HeaderComponent @checkAuth="checkAuth" :auth="isAuth" :user="user" />
      <router-view @checkAuth="checkAuth"></router-view>
    </div>
  </div>
</template>

<script>
import HeaderComponent from '@/components/HeaderComponent'

export default {
  components: { HeaderComponent },
  data() {
    return {
      isAuth: null,
      user: '',
    }
  },
  methods: {
    loggedOut() {
      this.isAuth = false
    },
    async checkAuth() {
      this.isAuth = localStorage.getItem('jwt') != null
      if (this.isAuth) {
        await this.$http
          .get('me', {
            headers: { Authorization: `Bearer ${localStorage.getItem('jwt')}` },
          })
          .then((response) => {
            localStorage.setItem('user', JSON.stringify(response.data.user))
            this.user = response.data.user
          })
          .catch(function (error) {
            console.error(error.response)
          })
      }
    },
  },
  async mounted() {
    await this.checkAuth()
  },
}
</script>
\ No newline at end of file
+<template>
  <div id="app">
    <div class="container">
      <HeaderComponent @checkAuth="checkAuth" :auth="isAuth" :user="user" />
      <router-view @checkAuth="checkAuth" :user="user"></router-view>
    </div>
  </div>
</template>

<script>
import HeaderComponent from '@/components/HeaderComponent'

export default {
  components: { HeaderComponent },
  data() {
    return {
      isAuth: null,
      user: '',
    }
  },
  methods: {
    loggedOut() {
      this.isAuth = false
    },
    async checkAuth() {
      this.isAuth = localStorage.getItem('jwt') != null
      if (this.isAuth) {
        await this.$http
          .get('me', {
            headers: { Authorization: `Bearer ${localStorage.getItem('jwt')}` },
          })
          .then((response) => {
            localStorage.setItem('user', JSON.stringify(response.data.user))
            this.user = response.data.user
          })
          .catch(function (error) {
            console.error(error.response)
          })
      }
    },
  },
  async mounted() {
    await this.checkAuth()
  },
}
</script>
\ No newline at end of file
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 3cc1edd..a11695a 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -47,6 +47,7 @@
                 rounded
                 onclick="this.blur()"
                 type="submit"
+                :disabled="password.length < 1 || username.length < 1"
                 @click.prevent="handleSubmit"
               >
                 Log in
diff --git a/src/views/SettingsView.vue b/src/views/SettingsView.vue
index 6ebcfce..0f6c2ff 100644
--- a/src/views/SettingsView.vue
+++ b/src/views/SettingsView.vue
@@ -1,10 +1,18 @@
 <template>
-  <h2>settings</h2>
+  <div>
+    <h2>settings</h2>
+    <p>user data from backend: {{ user }}</p>
+  </div>
 </template>
 
 <script>
 export default {
   name: 'SettingsView',
+  props: {
+    user: {
+      type: [String, Object],
+    },
+  },
 }
 </script>