From d330907e01f3dac679d44270995f629a894e4691 Mon Sep 17 00:00:00 2001 From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com> Date: Wed, 9 Jul 2025 10:50:52 +0700 Subject: [PATCH] feat: display error message --- .../admin/pages/components/default-value.tsx | 70 ++++++++++++++----- 1 file changed, 54 insertions(+), 16 deletions(-) diff --git a/src/apps/admin/pages/components/default-value.tsx b/src/apps/admin/pages/components/default-value.tsx index 6e6dcaf..14cca69 100644 --- a/src/apps/admin/pages/components/default-value.tsx +++ b/src/apps/admin/pages/components/default-value.tsx @@ -10,8 +10,10 @@ export default function DefaultValue() { const [loadingActive, setLoadingActive] = useState(false); const [loadingSave, setLoadingSave] = useState(false); - const [defaultPercentage, setDefaultPercentage] = useState(100); - const [currentPercentage, setCurrentPercentage] = useState(100); + const [defaultPercentage, setDefaultPercentage] = useState(); + const [currentPercentage, setCurrentPercentage] = useState(); + const [errorDefaultPercentage, setErrorDefaultPercentage] = useState(); + const [errorCurrentPercentage, setErrorCurrentPercentage] = useState(); const [form] = Form.useForm(); const [openModal, setOpenModal] = useState(false); @@ -58,9 +60,12 @@ export default function DefaultValue() { const value = resp.data?.data?.value; form.setFieldsValue({ value: value }); setCurrentPercentage(value); + setErrorCurrentPercentage(null as any); }) .catch((err) => { const message = err.message; + setCurrentPercentage(null as any); + setErrorCurrentPercentage(message); if (message) notificationError(message); }) .finally(() => { @@ -76,9 +81,12 @@ export default function DefaultValue() { const value = resp.data?.data?.default_value; form.setFieldsValue({ default_value: value }); setDefaultPercentage(value); + setErrorDefaultPercentage(null as any); }) .catch((err) => { const message = err.message; + setDefaultPercentage(null as any); + setErrorDefaultPercentage(message); if (message) notificationError(message); }) .finally(() => { @@ -138,13 +146,28 @@ export default function DefaultValue() {
DEFAULT PERCENTAGE
-
{`${defaultPercentage >= 0 ? `${defaultPercentage} %` : '-'}`}
- + {defaultPercentage ? ( + <> +
{`${defaultPercentage >= 0 ? `${defaultPercentage} %` : '-'}`}
+ + + ) : ( +
+ {errorDefaultPercentage ? ( +
+
{`Error:`}
+
{errorDefaultPercentage}
+
+ ) : ( +
{`-`}
+ )} +
+ )}
{`Value otomatis jika tak ada setelan khusus.`} @@ -157,13 +180,28 @@ export default function DefaultValue() {
CURRENT PERCENTAGE
-
{`${currentPercentage >= 0 ? `${currentPercentage} %` : '-'}`}
- + {currentPercentage ? ( + <> +
{`${currentPercentage >= 0 ? `${currentPercentage} %` : '-'}`}
+ + + ) : ( +
+ {errorCurrentPercentage ? ( +
+
{`Error:`}
+
{errorCurrentPercentage}
+
+ ) : ( +
{`-`}
+ )} +
+ )}
{`Value yang di terapkan hari ini ${dayjs().format('DD-MM-YYYY')}.`}