From 05ae4cbc63a6b94951bf7008d63c08295f982b09 Mon Sep 17 00:00:00 2001
From: Kilerd Chan <blove694@gmail.com>
Date: Mon, 13 May 2024 20:01:18 +0800
Subject: [PATCH 1/2] fix: import dropzone style file

---
 frontend/package.json                                         | 2 +-
 frontend/src/components/journalPreview/TransactionPreview.tsx | 2 +-
 frontend/src/index.tsx                                        | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 5bdb3ebb..f2908885 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -91,7 +91,7 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "lint-staged"
+      "pre-commit": "p run prettier:fix"
     }
   },
   "lint-staged": {
diff --git a/frontend/src/components/journalPreview/TransactionPreview.tsx b/frontend/src/components/journalPreview/TransactionPreview.tsx
index 1469674b..1a5649e7 100644
--- a/frontend/src/components/journalPreview/TransactionPreview.tsx
+++ b/frontend/src/components/journalPreview/TransactionPreview.tsx
@@ -138,7 +138,7 @@ export default function TransactionPreview(props: Props) {
       )}
       <Box mx={1} my={4}>
         <Section title={`${props.data.metas.filter((meta) => meta.key === 'document').length} Documents`}>
-          <SimpleGrid cols={{ base: 4, md: 3, sm: 2, xs: 1 }} spacing={{ base: 'sm', md: 'md', sm: 'sm', xs: 'sm' }}>
+          <SimpleGrid cols={{ base: 1,  md: 2, lg: 4 }} spacing={{ base: 'sm', md: 'md', sm: 'sm', xs: 'sm' }}>
             {props.data.metas
               .filter((meta) => meta.key === 'document')
               .map((meta, idx) => (
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
index 71019e04..0e300de7 100644
--- a/frontend/src/index.tsx
+++ b/frontend/src/index.tsx
@@ -17,6 +17,7 @@ import '@mantine/core/styles.css';
 import '@mantine/notifications/styles.css';
 import '@mantine/dates/styles.css';
 import '@mantine/charts/styles.css';
+import '@mantine/dropzone/styles.css';
 import { TransactionEditModal } from './components/modals/TransactionEditModal';
 import { MantineEmotionProvider } from '@mantine/emotion';
 

From dc8d91cebceec6cc0f91948864ea3f653fb841a2 Mon Sep 17 00:00:00 2001
From: Kilerd Chan <blove694@gmail.com>
Date: Mon, 13 May 2024 23:41:26 +0800
Subject: [PATCH 2/2] refact: make prettier happy

---
 frontend/src/components/journalPreview/TransactionPreview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/journalPreview/TransactionPreview.tsx b/frontend/src/components/journalPreview/TransactionPreview.tsx
index 1a5649e7..46bf04d4 100644
--- a/frontend/src/components/journalPreview/TransactionPreview.tsx
+++ b/frontend/src/components/journalPreview/TransactionPreview.tsx
@@ -138,7 +138,7 @@ export default function TransactionPreview(props: Props) {
       )}
       <Box mx={1} my={4}>
         <Section title={`${props.data.metas.filter((meta) => meta.key === 'document').length} Documents`}>
-          <SimpleGrid cols={{ base: 1,  md: 2, lg: 4 }} spacing={{ base: 'sm', md: 'md', sm: 'sm', xs: 'sm' }}>
+          <SimpleGrid cols={{ base: 1, md: 2, lg: 4 }} spacing={{ base: 'sm', md: 'md', sm: 'sm', xs: 'sm' }}>
             {props.data.metas
               .filter((meta) => meta.key === 'document')
               .map((meta, idx) => (