From 5de1f7dc45413dcfcc83395ab9b35b3bc701c4f7 Mon Sep 17 00:00:00 2001
From: Gamebrary <contact@gamebrary.com>
Date: Tue, 13 Oct 2020 17:11:08 -0700
Subject: [PATCH] Improved empty board

---
 src/components/Board/EmptyBoard.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/components/Board/EmptyBoard.vue

diff --git a/src/components/Board/EmptyBoard.vue b/src/components/Board/EmptyBoard.vue
new file mode 100644
index 00000000..d173ecd0
--- /dev/null
+++ b/src/components/Board/EmptyBoard.vue
@@ -0,0 +1,24 @@
+<template lang="html">
+  <b-jumbotron class="empty-board w-100 text-center">
+    <p>This board is empty</p>
+    <b-button variant="primary" @click="openAddListModal">
+      Add list
+    </b-button>
+  </b-jumbotron>
+</template>
+
+<script>
+export default {
+  methods: {
+    openAddListModal() {
+      this.$bvModal.show('add-list');
+    },
+  },
+};
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+.empty-board {
+  max-width: 300px;
+}
+</style>