From 174228a02a245d912044c84d4068a5b3752bcea1 Mon Sep 17 00:00:00 2001
From: Gamebrary <contact@gamebrary.com>
Date: Thu, 22 Apr 2021 14:40:12 -0700
Subject: [PATCH] handle authed and unathed states in auth modal

---
 src/components/AuthModal.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/AuthModal.vue b/src/components/AuthModal.vue
index a942e2d0..9c939ae3 100644
--- a/src/components/AuthModal.vue
+++ b/src/components/AuthModal.vue
@@ -1,4 +1,4 @@
-<!-- TODO: remove, redirect to auth page and show banner instead -->
+<!-- TODO: add actions, e.g. clone board, clone list, add to favorites, like board, etc... -->
 <template lang="html">
   <b-modal
     id="authModal"
@@ -7,8 +7,7 @@
   >
     <template v-slot:modal-header="{ close }">
       <modal-header
-        title="Gamebrary"
-        subtitle="Ditch the spreadsheet. Organize your games with Gamebrary!"
+        :title="user ? 'Forbidden' : 'Gamebrary'"
         @close="close"
       >
         <template v-slot:header>
@@ -20,7 +19,11 @@
       </modal-header>
     </template>
 
-    <div class="text-center">
+    <b-alert v-if="user" show variant="warning">
+      Not allowed
+    </b-alert>
+
+    <div class="text-center" v-else>
       <b-img
         src="/static/img/screenshot-1.jpg"
         class="rounded shadow w-75 ml-auto mr-auto mt-2 mb-3"
@@ -43,7 +46,13 @@
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 export default {
+  computed: {
+    ...mapState(['user']),
+  },
+
   methods: {
     getStarted() {
       this.$bvModal.hide('authModal');