fix: tentative fix to single value charts

- i.e. when This Month

src/pages/Dashboard/Cashflow.vue

@@ -13,7 +13,11 @@
             <span class="ml-2 text-gray-900">{{ t('Outflow') }}</span>
           </div>
         </div>
-        <PeriodSelector :value="period" @change="(value) => (period = value)" />
+        <PeriodSelector
+          :value="period"
+          @change="(value) => (period = value)"
+          :options="['This Year', 'This Quarter']"
+        />
       </div>
       <LineChart
         v-if="hasData"

src/pages/Dashboard/PeriodSelector.vue

@@ -39,14 +39,20 @@
 import Dropdown from '@/components/Dropdown';
 export default {
   name: 'PeriodSelector',
-  props: ['value'],
+  props: {
+    value: String,
+    options: {
+      type: Array,
+      default: () => ['This Year', 'This Quarter', 'This Month'],
+    },
+  },
+
   components: {
     Dropdown,
   },
   data() {
-    let options = ['This Year', 'This Quarter', 'This Month'];
     return {
-      periodOptions: options.map((option) => {
+      periodOptions: this.options.map((option) => {
         return {
           label: option,
           action: () => this.selectOption(option),

src/pages/Dashboard/ProfitAndLoss.vue

@@ -5,6 +5,7 @@
       <PeriodSelector
         slot="action"
         :value="period"
+        :options="['This Year', 'This Quarter']"
         @change="(value) => (period = value)"
       />
     </SectionHeader>