From 313676e3bec2998399c3b24d2b3f015882ec99fa Mon Sep 17 00:00:00 2001
From: James Cole <james@firefly-iii.org>
Date: Thu, 9 Jun 2022 05:45:45 +0200
Subject: [PATCH] Add transaction lists

---
 .../components/dashboard/TransactionLists.vue | 33 +++++++++++++++++++
 frontend/src/pages/dashboard/Dashboard.vue    |  4 ++-
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/components/dashboard/TransactionLists.vue

diff --git a/frontend/src/components/dashboard/TransactionLists.vue b/frontend/src/components/dashboard/TransactionLists.vue
new file mode 100644
index 0000000000..575d9c4276
--- /dev/null
+++ b/frontend/src/components/dashboard/TransactionLists.vue
@@ -0,0 +1,33 @@
+<!--
+  - TransactionLists.vue
+  - Copyright (c) 2022 james@firefly-iii.org
+  -
+  - This file is part of Firefly III (https://github.com/firefly-iii).
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program.  If not, see <https://www.gnu.org/licenses/>.
+  -->
+
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "TransactionLists"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/frontend/src/pages/dashboard/Dashboard.vue b/frontend/src/pages/dashboard/Dashboard.vue
index 27b807acd1..cddce57e14 100644
--- a/frontend/src/pages/dashboard/Dashboard.vue
+++ b/frontend/src/pages/dashboard/Dashboard.vue
@@ -40,7 +40,7 @@
     </div>
     <div class="row q-mb-sm">
       <div class="col">
-        Account transaction list.
+        <TransactionLists />
       </div>
     </div>
     <div class="row q-mb-sm">
@@ -89,10 +89,12 @@
 
 <script>
 import {defineAsyncComponent} from "vue";
+import TransactionLists from "../../components/dashboard/TransactionLists";
 
 export default {
   name: "Dashboard",
   components: {
+    TransactionLists,
     AccountChart: defineAsyncComponent(() => import('../../components/dashboard/AccountChart.vue')),
     NetWorthInsightBox: defineAsyncComponent(() => import('../../components/dashboard/NetWorthInsightBox.vue')),
     BillInsightBox: defineAsyncComponent(() => import('../../components/dashboard/BillInsightBox.vue')),