Merge pull request 'fix(showTime): show time in datePicker' (#56) from lavoce into main

Reviewed-on: #56

.gitignore

@@ -6,6 +6,7 @@ yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
+*.config
 
 node_modules
 dist

public/web.config

@@ -3,7 +3,7 @@
     <system.webServer>
         <rewrite>
             <rules>
-                <rule name="reactViteSypiu">
+                <rule name="CallOfDuty">
                     <match url=".*" />
                     <conditions logicalGrouping="MatchAll">
                         <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />

src/api/notification.jsx

@@ -91,25 +91,6 @@ const searchData = async (queryParams) => {
     return response.data;
 };
 
-// Reminder Monthly
-const reminderMonthly = async (id, queryParams) => {
-    const response = await SendRequest({
-        method: 'post',
-        prefix: `notifikasi-wa/reminder-monthly/${id}`,
-        params: queryParams,
-    });
-    return response.data;
-};
-
-const reminderCustom= async (id, queryParams) => {
-    const response = await SendRequest({
-        method: 'post',
-        prefix: `notifikasi-wa/reminder-custom/${id}`,
-        params: queryParams,
-    });
-    return response.data;
-};
-
 export {
     getAllNotification,
     getNotificationById,
@@ -121,6 +102,4 @@ export {
     resendChatByUser,
     resendChatAllUser,
     searchData,
-    reminderMonthly,
-    reminderCustom,
 };

src/components/Global/ToastNotif.jsx

@@ -20,19 +20,6 @@ const NotifOk = ({ icon, title, message }) => {
     });
 };
 
-const NotifSmall = ({ icon, title, message }) => {
-    Swal.fire({
-        toast: true,
-        position: 'top-end',
-        icon: icon,
-        title: title,
-        text: message,
-        showConfirmButton: false,
-        timer: 2000,
-        timerProgressBar: true,
-    });
-};
-
 const NotifConfirmDialog = ({
     icon,
     title,
@@ -80,4 +67,4 @@ const QuestionConfirmSubmit = ({ icon, title, message, onConfirm, onCancel }) =>
     });
 };
 
-export { NotifAlert, NotifOk, NotifSmall, NotifConfirmDialog, QuestionConfirmSubmit };
+export { NotifAlert, NotifOk, NotifConfirmDialog, QuestionConfirmSubmit };

src/pages/master/device/component/DetailDevice.jsx

@@ -10,9 +10,8 @@ import {
     Select,
     DatePicker,
 } from 'antd';
-import { NotifAlert, NotifOk, NotifSmall } from '../../../../components/Global/ToastNotif';
+import { NotifAlert, NotifOk } from '../../../../components/Global/ToastNotif';
 import { createDevice, updateDevice } from '../../../../api/master-device';
-import { reminderMonthly, reminderCustom } from '../../../../api/notification';
 import { getAllBrands } from '../../../../api/master-brand';
 import { validateRun } from '../../../../Utils/validate';
 import { toApiDateFormatter } from '../../../../components/Global/Formatter';
@@ -41,7 +40,6 @@ const DetailDevice = (props) => {
         reminder_at_monthly: null,
         start_date: null,
         end_date: null,
-        period: null,
     };
 
     const [formData, setFormData] = useState(defaultData);
@@ -87,7 +85,7 @@ const DetailDevice = (props) => {
                 listen_channel: formData.listen_channel,
                 listen_channel_reminder: formData.listen_channel_reminder,
                 reminder_at: formData.reminder_at,
-                reminder_at_monthly: formData.period !== 'custom' ? formData.reminder_at_monthly : null,
+                reminder_at_monthly: formData.reminder_at_monthly,
                 start_date: formData.start_date,
                 end_date: formData.end_date,
             };
@@ -98,13 +96,6 @@ const DetailDevice = (props) => {
                 ? await updateDevice(formData.device_id, payload)
                 : await createDevice(payload);
 
-            const response2 = formData.period !== 'custom'
-                ? await updateDevice(formData.device_id, { reminder_at_monthly: formData.reminder_at_monthly,})
-                : await updateDevice(formData.device_id, {
-                                                            start_date: formData.start_date, 
-                                                            end_date: formData.end_date,
-                                                        });
-
             // Check if response is successful
             if (response && (response.statusCode === 200 || response.statusCode === 201)) {
                 const deviceName = response.data?.device_name || formData.device_name;
@@ -125,25 +116,6 @@ const DetailDevice = (props) => {
                     message: response?.message || 'Terjadi kesalahan saat menyimpan data.',
                 });
             }
-
-            // Check if response Reminder At(Monthly) or Period are successful
-            const tipe = formData.period !== 'custom' ? 'Reminder At(Monthly)' : 'Period';
-            if (response2 && (response2.statusCode === 200 || response2.statusCode === 201)) {
-                NotifSmall({
-                    icon: 'success',
-                    title: 'Berhasil',
-                    message: `${tipe} berhasil disimpan`,
-                });
-            } else {
-                NotifSmall({
-                    icon: 'error',
-                    title: 'Gagal',
-                    message:
-                        response?.message ||
-                        `Terjadi kesalahan saat menyimpan ${tipe}`,
-                });
-            }
-
         } catch (error) {
             console.error('Save Device Error:', error);
             NotifAlert({
@@ -206,6 +178,10 @@ const DetailDevice = (props) => {
         }
     };
 
+    const [period, setPeriod] = useState({
+        period: undefined,
+    });
+
     useEffect(() => {
         if (formData.start_date && formData.end_date) {
             const start = dayjs(formData.start_date);
@@ -221,39 +197,36 @@ const DetailDevice = (props) => {
                 periodValue = '6';
             }
 
-            setFormData((prev) => ({
+            setPeriod({
-                ...prev,
                 period: periodValue,
-            }));
+            });
         }
     }, [formData.start_date, formData.end_date]);
 
     const handleMonthly = (field, value) => {
-    setFormData((prev) => {
+        setPeriod((prev) => ({
-        const data = {
             ...prev,
             [field]: value,
-        };
+        }));
 
         if (value !== 'custom') {
             const months = Number(value);
 
             const startDate = dayjs().startOf('day');
-            const endDate = startDate
+            const endDate = startDate.add(months, 'month').subtract(1, 'day').endOf('day');
-                .add(months, 'month')
-                .subtract(1, 'day')
-                .endOf('day');
 
-            data.start_date = startDate.toISOString();
+            setFormData((prev) => ({
-            data.end_date = endDate.toISOString();
+                ...prev,
-            data.reminder_at_monthly = null;
+                start_date: startDate.toISOString(),
+                end_date: endDate.toISOString(),
+            }));
         } else {
-            data.start_date = null;
+            setFormData((prev) => ({
-            data.end_date = null;
+                ...prev,
+                start_date: null,
+                end_date: null,
+            }));
         }
-
-        return data;
-    });
     };
 
     useEffect(() => {
@@ -502,7 +475,7 @@ const DetailDevice = (props) => {
                         <Text style={{ color: 'red' }}> *</Text>
 
                         <Select
-                            value={formData.period}
+                            value={period.period}
                             onChange={(value) => handleMonthly('period', value)}
                             placeholder="Select Period"
                             style={{ width: '100%' }}
@@ -513,7 +486,7 @@ const DetailDevice = (props) => {
                             <Select.Option value="custom">Custom</Select.Option>
                         </Select>
                     </div>
-                    {formData.period === 'custom' && (
+                    {period.period === 'custom' && (
                         <div style={{ display: 'flex', gap: 8, marginBottom: 12 }}>
                             <DatePicker
                                 placeholder="Start Date"
@@ -552,7 +525,7 @@ const DetailDevice = (props) => {
                         <Text strong>Reminder At(Monthly)</Text>
                         <div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
                             <DatePicker
-                                disabled={formData.period === 'custom'}
+                                disabled={period.period === 'custom'}
                                 value={
                                     formData.reminder_at_monthly
                                         ? dayjs(formData.reminder_at_monthly) // ✅ langsung parse ISO
@@ -570,7 +543,7 @@ const DetailDevice = (props) => {
                             />
 
                             <Button
-                                disabled={formData.period === 'custom'}
+                                disabled={period.period === 'custom'}
                                 danger
                                 onClick={() =>
                                     setFormData((prev) => ({