diff --git a/src/components/Divider.tsx b/src/components/Divider.tsx index 6af9270..44e863f 100644 --- a/src/components/Divider.tsx +++ b/src/components/Divider.tsx @@ -1,3 +1,3 @@ export const Divider = () => { - return
+ return
} diff --git a/src/pages/expenses/1/index.tsx b/src/pages/expenses/1/index.tsx index c394a3e..87bb64f 100644 --- a/src/pages/expenses/1/index.tsx +++ b/src/pages/expenses/1/index.tsx @@ -8,68 +8,71 @@ import { Layout } from '~/components/Layout/Layout' import { Select } from '~/components/Select' import { Steps, type StepsProps } from '~/components/Step/Steps' -export const expensesSteps: StepsProps["items"] = [ - { - prompt: "กรอกข้อมูลรายได้", - step: 1, - }, - { - prompt: "วางแผนการเงิน", - step: 2 - }, - { - prompt: "สรุปแผนการเงิน", - step: 3 - } +export const expensesSteps: StepsProps['items'] = [ + { + prompt: 'กรอกข้อมูลรายได้', + step: 1, + }, + { + prompt: 'วางแผนการเงิน', + step: 2, + }, + { + prompt: 'สรุปแผนการเงิน', + step: 3, + }, ] interface SelectOption { - value: string - label: string + value: string + label: string } const ExpensesPage = () => { + if (expensesSteps[0]?.prompt) { + expensesSteps[0].active = true + } - if (expensesSteps[0]?.prompt) { - expensesSteps[0].active = true - } - - const monthlyIncome: SelectOption[] = [] - const monthlyDebt: SelectOption[] = [] - const savings: SelectOption[] = [] - const assets: SelectOption[] = [] - return ( - - - - - -
-
-
- กรอกข้อมูลเพื่อเริ่มต้นวางแผนการเงิน -
-
-
- -
-
- -
-
-
- - - -
-
-
- ) + const monthlyIncome: SelectOption[] = [] + const monthlyDebt: SelectOption[] = [] + const savings: SelectOption[] = [] + const assets: SelectOption[] = [] + return ( + + +
+ + +
+
+
+ กรอกข้อมูลเพื่อเริ่มต้นวางแผนการเงิน +
+
+
+ +
+
+ +
+
+
+ + + +
+
+
+
+ ) } export default ExpensesPage