From c6a36f54a971b0a6211d45411b295a6ba5aa5bb3 Mon Sep 17 00:00:00 2001
From: Annika <nikzneko@gmail.com>
Date: Thu, 14 Jul 2022 09:46:19 -0600
Subject: [PATCH] analysis sidebar is importing activeCategory properly

---
 budgit.client/src/components/Analysis.vue | 10 ++++++++--
 budgit.client/src/pages/OverviewPage.vue  |  4 +++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/budgit.client/src/components/Analysis.vue b/budgit.client/src/components/Analysis.vue
index a0cfa57..3c3b260 100644
--- a/budgit.client/src/components/Analysis.vue
+++ b/budgit.client/src/components/Analysis.vue
@@ -1,15 +1,21 @@
 <template>
   <div class="component">
-
+    Analysis Container
+    <p>{{category.name}}</p>
 
   </div>
 </template>
 
 
 <script>
+import { computed, reactive, onMounted, ref, watchEffect } from "vue";
+import { AppState } from '../AppState'
+
 export default {
   setup(){
-    return {}
+    return {
+      category: computed(() => AppState.activeCategory)
+    }
   }
 }
 </script>
diff --git a/budgit.client/src/pages/OverviewPage.vue b/budgit.client/src/pages/OverviewPage.vue
index 1fd3a23..1dcb665 100644
--- a/budgit.client/src/pages/OverviewPage.vue
+++ b/budgit.client/src/pages/OverviewPage.vue
@@ -9,7 +9,9 @@
       </form>
     </div>
     <div class="flex md:mt-6 md:mx-40 flex-col md:flex-row">
-      <div class="md:w-4/12 md:order-last my-4 md:my-0 bg-stone-800">analysis container</div>
+      <div class="md:w-4/12 md:order-last my-4 md:my-0 bg-stone-800">
+        <Analysis />
+      </div>
       <div class="md:w-8/12 md:mr-4">
         <div class="flex justify-between bg-stone-700 text-green-300 hover:bg-green-200 hover:text-stone-900 mb-2 p-2 pr-0">
           <h3 class="text-2xl font-semibold">Category</h3>