From 1a52f0daacd9375c9671b180277c1176be486e03 Mon Sep 17 00:00:00 2001
From: AbleKSaju <126228406+AbleKSaju@users.noreply.github.com>
Date: Wed, 25 Sep 2024 09:40:04 +0530
Subject: [PATCH] fix: convert camelCase to kebab-case, resolve lint warnings

---
 main/preload.ts                       |  4 ++--
 src/App.vue                           |  2 +-
 src/pages/Dashboard/Cashflow.vue      |  6 +++---
 src/pages/Dashboard/Dashboard.vue     | 10 +++++-----
 src/pages/Dashboard/Expenses.vue      |  4 ++--
 src/pages/Dashboard/ProfitAndLoss.vue |  6 +++---
 src/pages/Desk.vue                    |  6 +++---
 7 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/main/preload.ts b/main/preload.ts
index c4fc72d0..0e489284 100644
--- a/main/preload.ts
+++ b/main/preload.ts
@@ -36,7 +36,7 @@ const ipc = {
   },
 
   isMaximized() {
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve) => {
       ipcRenderer.send(IPC_MESSAGES.ISMAXIMIZED_MAIN_WINDOW);
       ipcRenderer.once(
         IPC_MESSAGES.ISMAXIMIZED_RESULT,
@@ -48,7 +48,7 @@ const ipc = {
   },
 
   isFullscreen() {
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve) => {
       ipcRenderer.send(IPC_MESSAGES.ISFULLSCREEN_MAIN_WINDOW);
       ipcRenderer.once(
         IPC_MESSAGES.ISFULLSCREEN_RESULT,
diff --git a/src/App.vue b/src/App.vue
index 01e5e11b..00114924 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,7 +21,7 @@
     <Desk
       v-if="activeScreen === 'Desk'"
       class="flex-1"
-      :darkMode="darkMode"
+      :dark-mode="darkMode"
       @change-db-file="showDbSelector"
     />
     <DatabaseSelector
diff --git a/src/pages/Dashboard/Cashflow.vue b/src/pages/Dashboard/Cashflow.vue
index 5d473d8e..20bb4b76 100644
--- a/src/pages/Dashboard/Cashflow.vue
+++ b/src/pages/Dashboard/Cashflow.vue
@@ -38,8 +38,8 @@
       class="mt-4"
       :aspect-ratio="4.15"
       :colors="chartData.colors"
-      :gridColor="chartData.gridColor"
-      :fontColor="chartData.fontColor"
+      :grid-color="chartData.gridColor"
+      :font-color="chartData.fontColor"
       :points="chartData.points"
       :x-labels="chartData.xLabels"
       :format="chartData.format"
@@ -76,10 +76,10 @@ export default defineComponent({
     PeriodSelector,
     LineChart,
   },
+  extends: DashboardChartBase,
   props: {
     darkMode: { type: Boolean, default: false },
   },
-  extends: DashboardChartBase,
   data: () => ({
     data: [] as { inflow: number; outflow: number; yearmonth: string }[],
     periodList: [],
diff --git a/src/pages/Dashboard/Dashboard.vue b/src/pages/Dashboard/Dashboard.vue
index b60f22d5..fe9fb94c 100644
--- a/src/pages/Dashboard/Dashboard.vue
+++ b/src/pages/Dashboard/Dashboard.vue
@@ -31,7 +31,7 @@
         <Cashflow
           class="p-4"
           :common-period="period"
-          :darkMode="darkMode"
+          :dark-mode="darkMode"
           @period-change="handlePeriodChange"
         />
         <hr class="dark:border-gray-800" />
@@ -39,14 +39,14 @@
           <UnpaidInvoices
             :schema-name="'SalesInvoice'"
             :common-period="period"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             class="border-e dark:border-gray-800"
             @period-change="handlePeriodChange"
           />
           <UnpaidInvoices
             :schema-name="'PurchaseInvoice'"
             :common-period="period"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             @period-change="handlePeriodChange"
           />
         </div>
@@ -55,13 +55,13 @@
           <ProfitAndLoss
             class="w-full p-4 border-e dark:border-gray-800"
             :common-period="period"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             @period-change="handlePeriodChange"
           />
           <Expenses
             class="w-full p-4"
             :common-period="period"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             @period-change="handlePeriodChange"
           />
         </div>
diff --git a/src/pages/Dashboard/Expenses.vue b/src/pages/Dashboard/Expenses.vue
index 4f18f6ec..11399619 100644
--- a/src/pages/Dashboard/Expenses.vue
+++ b/src/pages/Dashboard/Expenses.vue
@@ -36,7 +36,7 @@
         :text-offset-x="6.5"
         :value-formatter="(value: number) => fyo.format(value, 'Currency')"
         :total-label="t`Total Spending`"
-        :darkMode="darkMode"
+        :dark-mode="darkMode"
         @change="(value: number) => (active = value)"
       />
     </div>
@@ -77,10 +77,10 @@ export default defineComponent({
     PeriodSelector,
     SectionHeader,
   },
+  extends: DashboardChartBase,
   props: {
     darkMode: { type: Boolean, default: false },
   },
-  extends: DashboardChartBase,
   data: () => ({
     active: null as null | number,
     expenses: [] as {
diff --git a/src/pages/Dashboard/ProfitAndLoss.vue b/src/pages/Dashboard/ProfitAndLoss.vue
index 919ae1a6..a121fd0f 100644
--- a/src/pages/Dashboard/ProfitAndLoss.vue
+++ b/src/pages/Dashboard/ProfitAndLoss.vue
@@ -15,8 +15,8 @@
       class="mt-4"
       :aspect-ratio="2.05"
       :colors="chartData.colors"
-      :gridColor="chartData.gridColor"
-      :fontColor="chartData.fontColor"
+      :grid-color="chartData.gridColor"
+      :font-color="chartData.fontColor"
       :points="chartData.points"
       :x-labels="chartData.xLabels"
       :format="chartData.format"
@@ -55,10 +55,10 @@ export default defineComponent({
     SectionHeader,
     BarChart,
   },
+  extends: DashboardChartBase,
   props: {
     darkMode: { type: Boolean, default: false },
   },
-  extends: DashboardChartBase,
   data: () => ({
     data: [] as { yearmonth: string; balance: number }[],
     hasData: false,
diff --git a/src/pages/Desk.vue b/src/pages/Desk.vue
index 887def8d..749a4018 100644
--- a/src/pages/Desk.vue
+++ b/src/pages/Desk.vue
@@ -15,7 +15,7 @@ import { toggleSidebar } from 'src/utils/ui';
           whitespace-nowrap
           w-sidebar
         "
-        :darkMode="darkMode"
+        :dark-mode="darkMode"
         @change-db-file="$emit('change-db-file')"
       />
     </Transition>
@@ -34,7 +34,7 @@ import { toggleSidebar } from 'src/utils/ui';
           <component
             :is="Component"
             :key="$route.path"
-            :darkMode="darkMode"
+            :dark-mode="darkMode"
             class="flex-1"
           />
         </keep-alive>
@@ -46,7 +46,7 @@ import { toggleSidebar } from 'src/utils/ui';
             <component
               :is="Component"
               :key="route.query.schemaName + route.query.name"
-              :darkMode="darkMode"
+              :dark-mode="darkMode"
             />
           </div>
         </Transition>