diff --git a/src/apps/admin/pages/components/default-value.tsx b/src/apps/admin/pages/components/default-value.tsx index 8a9ec4c..0f21404 100644 --- a/src/apps/admin/pages/components/default-value.tsx +++ b/src/apps/admin/pages/components/default-value.tsx @@ -6,7 +6,9 @@ import { notificationError } from '@pos/base'; import { makeColorTextValue } from '../helpers'; export default function DefaultValue() { - const [loading, setLoading] = useState(false); + const [loadingDefault, setLoadingDefault] = useState(false); + const [loadingActive, setLoadingActive] = useState(false); + const [loadingSave, setLoadingSave] = useState(false); const [defaultPercentage, setDefaultPercentage] = useState(100); const [currentPercentage, setCurrentPercentage] = useState(100); @@ -33,6 +35,7 @@ export default function DefaultValue() { .then(async (resp) => { const value = resp.data?.data?.default_value; await form.setFieldsValue({ default_value: value }); + await handleGetDataActive(); setDefaultPercentage(value); setLoadingSave(false); onCloseModal(); @@ -47,33 +50,44 @@ export default function DefaultValue() { } }; + const handleGetDataActive = async () => { + setLoadingActive(true); + await axios + .get('v1/data-scheduling-active', { params: { date: dayjs().format('YYYY-MM-DD') } }) + .then((resp) => { + const value = resp.data?.data?.value; + form.setFieldsValue({ value: value }); + setCurrentPercentage(value); + }) + .catch((err) => { + const message = err.message; + if (message) notificationError(message); + }) + .finally(() => { + setLoadingActive(false); + }); + }; + + const handleGetDataDefault = async () => { + setLoadingDefault(true); + await axios + .get('v1/data-scheduling-default') + .then((resp) => { + const value = resp.data?.data?.default_value; + form.setFieldsValue({ default_value: value }); + setDefaultPercentage(value); + }) + .catch((err) => { + const message = err.message; + if (message) notificationError(message); + }) + .finally(() => { + setLoadingDefault(false); + }); + }; + const handleGetData = async () => { - setLoading(true); - await Promise.all([ - axios - .get('v1/data-scheduling-default') - .then((resp) => { - const value = resp.data?.data?.default_value; - form.setFieldsValue({ default_value: value }); - setDefaultPercentage(value); - }) - .catch((err) => { - const message = err.message; - if (message) notificationError(message); - }), - axios - .get('v1/data-scheduling-active', { params: { date: dayjs().format('YYYY-MM-DD') } }) - .then((resp) => { - const value = resp.data?.data?.value; - form.setFieldsValue({ value: value }); - setCurrentPercentage(value); - }) - .catch((err) => { - const message = err.message; - if (message) notificationError(message); - }), - ]); - setLoading(false); + await Promise.all([handleGetDataDefault(), handleGetDataActive()]); }; useEffect(() => { @@ -120,7 +134,7 @@ export default function DefaultValue() { - +
DEFAULT PERCENTAGE
@@ -139,13 +153,18 @@ export default function DefaultValue() {
- +
CURRENT PERCENTAGE
-
{`${currentPercentage >= 0 ? `${currentPercentage} %` : '-'}`}
+ +
{`${currentPercentage >= 0 ? `${currentPercentage} %` : '-'}`}
+ +
{`Value yang di terapkan hari ini ${dayjs().format('DD-MM-YYYY')}.`}