wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: button save

Browse Source 
Deskripsi:
- disable button saat udh submit

No Issues
This commit is contained in:
amaliadwiy
2025-08-04 13:56:33 +08:00
parent b7c44109a1
commit fafb52d87c
31 changed files with 211 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/(application)/division/[id]/(fitur-division)/calendar/[detail]/add-member.tsx
View File

@@ -31,6 +31,7 @@ export default function AddMemberCalendarEvent() {
const [selectMember, setSelectMember] = useState<any[]>([])
const [search, setSearch] = useState('')
const [idCalendar, setIdCalendar] = useState('')
const [loading, setLoading] = useState(false)
async function handleLoadOldMember() {
try {
@@ -78,6 +79,7 @@ export default function AddMemberCalendarEvent() {
async function handleAddMember() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const response = await apiAddMemberCalendar({ id: idCalendar, data: { user: hasil, member: selectMember } })
if (response.success) {
@@ -90,6 +92,8 @@ export default function AddMemberCalendarEvent() {
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -104,7 +108,7 @@ export default function AddMemberCalendarEvent() {
headerRight: () => (
<ButtonSaveHeader
category="update"
disable={selectMember.length > 0 ? false : true}
disable={selectMember.length == 0 || loading ? true : false}
onPress={() => {
handleAddMember()
}}

8
app/(application)/division/[id]/(fitur-division)/calendar/[detail]/edit.tsx
View File

@@ -21,6 +21,7 @@ export default function EditEventCalendar() {
const [isSelect, setSelect] = useState(false)
const { id, detail } = useLocalSearchParams<{ id: string, detail: string }>()
const [idCalendar, setIdCalendar] = useState('')
const [loading, setLoading] = useState(false)
const [error, setError] = useState({
title: false,
@@ -140,6 +141,7 @@ export default function EditEventCalendar() {
async function handleUpdate() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const response = await apiUpdateCalendar({ data: { ...data, user: hasil }, id: idCalendar })
if (response.success) {
@@ -150,7 +152,9 @@ export default function EditEventCalendar() {
}
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Gagal mengubah acara', })
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -164,7 +168,7 @@ export default function EditEventCalendar() {
headerTitleAlign: 'center',
headerRight: () =>
<ButtonSaveHeader
disable={Object.values(error).some((val) => val == true) || data.title == "" || data.dateStart == "" || data.timeStart == "" || data.timeEnd == "" || data.repeatEventTyper == ""}
disable={Object.values(error).some((val) => val == true) || data.title == "" || data.dateStart == "" || data.timeStart == "" || data.timeEnd == "" || data.repeatEventTyper == "" || loading}
category="update-calendar"
onPress={() => {
handleUpdate()

8
app/(application)/division/[id]/(fitur-division)/calendar/create-member.tsx
View File

@@ -31,6 +31,7 @@ export default function CreateCalendarAddMember() {
const update = useSelector((state: any) => state.calendarCreate)
const dispatch = useDispatch()
const updateRefresh = useSelector((state: any) => state.calendarUpdate)
const [loading, setLoading] = useState(false)
@@ -58,6 +59,7 @@ export default function CreateCalendarAddMember() {
async function handleAddMember() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const response = await apiCreateCalendar({ data: { ...update, user: hasil, idDivision: id, member: selectMember } })
if (response.success) {
@@ -80,7 +82,9 @@ export default function CreateCalendarAddMember() {
}
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Gagal membuat acara', })
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -94,7 +98,7 @@ export default function CreateCalendarAddMember() {
headerRight: () => (
<ButtonSaveHeader
category="create"
disable={selectMember.length > 0 ? false : true}
disable={selectMember.length == 0 || loading ? true : false}
onPress={() => { handleAddMember() }}
/>
)

9
app/(application)/division/[id]/(fitur-division)/discussion/[detail]/edit.tsx
View File

@@ -17,6 +17,7 @@ export default function DiscussionDivisionEdit() {
const [data, setData] = useState("");
const update = useSelector((state: any) => state.discussionUpdate);
const dispatch = useDispatch();
const [loading, setLoading] = useState(false)
async function handleLoad() {
try {
@@ -38,6 +39,7 @@ export default function DiscussionDivisionEdit() {
async function handleUpdate() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current));
const response = await apiEditDiscussion({
data: { user: hasil, desc: data },
@@ -47,9 +49,14 @@ export default function DiscussionDivisionEdit() {
Toast.show({ type: 'small', text1: 'Berhasil mengubah data', })
dispatch(setUpdateDiscussion({ ...update, data: !update.data }));
router.back();
}else{
Toast.show({ type: 'small', text1: response.message, })
}
} catch (error) {
console.error(error);
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -68,7 +75,7 @@ export default function DiscussionDivisionEdit() {
headerTitleAlign: "center",
headerRight: () => (
<ButtonSaveHeader
disable={data == ""}
disable={data == "" || loading}
category="update"
onPress={() => {
handleUpdate();

6
app/(application)/division/[id]/(fitur-division)/discussion/create.tsx
View File

@@ -17,9 +17,11 @@ export default function CreateDiscussionDivision() {
const { token, decryptToken } = useAuthSession()
const update = useSelector((state: any) => state.discussionUpdate)
const dispatch = useDispatch();
const [loading, setLoading] = useState(false)
async function handleCreate() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const response = await apiCreateDiscussion({ data: { user: hasil, desc, idDivision: id } })
if (response.success) {
@@ -32,6 +34,8 @@ export default function CreateDiscussionDivision() {
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -43,7 +47,7 @@ export default function CreateDiscussionDivision() {
headerTitle: 'Tambah Diskusi',
headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader
disable={desc == ""}
disable={desc == "" || loading}
category="create"
onPress={() => {
handleCreate()

8
app/(application)/division/[id]/(fitur-division)/task/[detail]/add-member.tsx
View File

@@ -30,6 +30,7 @@ export default function AddMemberTask() {
const [data, setData] = useState<Props[]>([])
const [selectMember, setSelectMember] = useState<any[]>([])
const [search, setSearch] = useState('')
const [loading, setLoading] = useState(false)
async function handleLoadOldMember() {
try {
@@ -72,6 +73,7 @@ export default function AddMemberTask() {
async function handleAddMember() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const response = await apiAddMemberTask({ id: detail, data: { user: hasil, member: selectMember, idDivision: id } })
if (response.success) {
@@ -83,7 +85,9 @@ export default function AddMemberTask() {
}
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Gagal menambahkan anggota', })
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -98,7 +102,7 @@ export default function AddMemberTask() {
headerRight: () => (
<ButtonSaveHeader
category="update"
disable={selectMember.length > 0 ? false : true}
disable={selectMember.length == 0 || loading ? true : false}
onPress={() => {
handleAddMember()
}}

8
app/(application)/division/[id]/(fitur-division)/task/[detail]/add-task.tsx
View File

@@ -24,6 +24,7 @@ export default function TaskDivisionAddTask() {
const update = useSelector((state: any) => state.taskUpdate);
const { id, detail } = useLocalSearchParams<{ id: string; detail: string }>();
const [disable, setDisable] = useState(true);
const [loading, setLoading] = useState(false)
const [range, setRange] = useState<{
startDate: DateType;
endDate: DateType;
@@ -73,6 +74,7 @@ export default function TaskDivisionAddTask() {
async function handleCreate() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current));
const response = await apiCreateTaskTugas({
data: {
@@ -93,7 +95,9 @@ export default function TaskDivisionAddTask() {
}
} catch (error) {
console.error(error);
Toast.show({ type: 'small', text1: 'Gagal menambah data', })
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -113,7 +117,7 @@ export default function TaskDivisionAddTask() {
headerRight: () => (
<ButtonSaveHeader
category="create"
disable={disable}
disable={disable || loading}
onPress={() => {
handleCreate();
}}

8
app/(application)/division/[id]/(fitur-division)/task/[detail]/cancel.tsx
View File

@@ -19,6 +19,7 @@ export default function TaskDivisionCancel() {
const [reason, setReason] = useState("");
const [error, setError] = useState(false);
const [disable, setDisable] = useState(false);
const [loading, setLoading] = useState(false)
function onValidation(val: string) {
setReason(val);
@@ -43,6 +44,7 @@ export default function TaskDivisionCancel() {
async function handleCancel() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current));
const response = await apiCancelTask(
{
@@ -60,7 +62,9 @@ export default function TaskDivisionCancel() {
}
} catch (error) {
console.error(error);
Toast.show({ type: 'small', text1: 'Gagal membatalkan kegiatan', })
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -79,7 +83,7 @@ export default function TaskDivisionCancel() {
headerTitleAlign: "center",
headerRight: () => (
<ButtonSaveHeader
disable={disable}
disable={disable || loading}
category="cancel"
onPress={() => {
handleCancel();

6
app/(application)/division/[id]/(fitur-division)/task/[detail]/edit.tsx
View File

@@ -19,6 +19,7 @@ export default function TaskDivisionEdit() {
const [disable, setDisable] = useState(false);
const dispatch = useDispatch();
const update = useSelector((state: any) => state.taskUpdate);
const [loading, setLoading] = useState(false)
async function handleLoad() {
try {
@@ -61,6 +62,7 @@ export default function TaskDivisionEdit() {
async function handleUpdate() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current));
const response = await apiEditTask(
{
@@ -79,6 +81,8 @@ export default function TaskDivisionEdit() {
} catch (error) {
console.error(error);
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -98,7 +102,7 @@ export default function TaskDivisionEdit() {
headerRight: () => (
<ButtonSaveHeader
category="update"
disable={disable}
disable={disable || loading}
onPress={() => { handleUpdate() }}
/>
),

7
app/(application)/division/[id]/(fitur-division)/task/create.tsx
View File

@@ -38,6 +38,7 @@ export default function CreateTaskDivision() {
const [title, setTitle] = useState('')
const [error, setError] = useState(false);
const [isModal, setModal] = useState(false)
const [loading, setLoading] = useState(false)
let hitung = 0;
useEffect(() => {
@@ -77,6 +78,7 @@ export default function CreateTaskDivision() {
async function handleCreate() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const fd = new FormData()
@@ -102,6 +104,9 @@ export default function CreateTaskDivision() {
}
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -121,7 +126,7 @@ export default function CreateTaskDivision() {
headerTitleAlign: "center",
headerRight: () => (
<ButtonSaveHeader
disable={title == "" || entitiesMember.length == 0 || taskCreate.length == 0}
disable={title == "" || entitiesMember.length == 0 || taskCreate.length == 0 || loading}
category="create"
onPress={() => { handleCreate() }}
/>

1
app/(application)/division/[id]/(fitur-division)/task/create/member.tsx
View File

@@ -25,7 +25,6 @@ export default function AddMemberCreateTask() {
const dispatch = useDispatch()
const { token, decryptToken } = useAuthSession()
const { id } = useLocalSearchParams<{ id: string, detail: string }>()
const [dataOld, setDataOld] = useState<Props[]>([])
const [data, setData] = useState<Props[]>([])
const [selectMember, setSelectMember] = useState<any[]>([])
const [search, setSearch] = useState('')

8
app/(application)/division/[id]/(fitur-division)/task/update/[detail].tsx
View File

@@ -29,6 +29,7 @@ export default function UpdateProjectTaskDivision() {
startDate: DateType;
endDate: DateType;
}>({ startDate: undefined, endDate: undefined });
const [loadingSubmit, setLoadingSubmit] = useState(false)
const [month, setMonth] = useState<any>();
const [year, setYear] = useState<any>();
const [loading, setLoading] = useState(true);
@@ -73,6 +74,7 @@ export default function UpdateProjectTaskDivision() {
async function handleEdit() {
try {
setLoadingSubmit(true)
const hasil = await decryptToken(String(token?.current));
const response = await apiEditTaskTugas({ data: { title, dateStart: dayjs(range.startDate).format("YYYY-MM-DD"), dateEnd: dayjs(range.endDate).format("YYYY-MM-DD"), user: hasil }, id: detail });
if (response.success) {
@@ -84,7 +86,9 @@ export default function UpdateProjectTaskDivision() {
}
} catch (error) {
console.error(error);
Toast.show({ type: 'small', text1: 'Gagal mengubah data', })
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoadingSubmit(false)
}
}
@@ -134,7 +138,7 @@ export default function UpdateProjectTaskDivision() {
headerTitleAlign: "center",
headerRight: () => (
<ButtonSaveHeader
disable={disableBtn}
disable={disableBtn || loadingSubmit}
category="update"
onPress={() => {
handleEdit()

9
app/(application)/division/[id]/add-member.tsx
View File

@@ -31,9 +31,11 @@ export default function AddMemberDivision() {
const [search, setSearch] = useState('')
const update = useSelector((state: any) => state.divisionUpdate)
const dispatch = useDispatch()
const [loading, setLoading] = useState(false)
async function handleLoad() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const response = await apiGetDivisionOneDetail({ user: hasil, id })
setDataOld(response.data.member)
@@ -72,6 +74,7 @@ export default function AddMemberDivision() {
async function handleAddMember() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const response = await apiAddMemberDivision({ id: id, data: { user: hasil, member: selectMember } })
if (response.success) {
@@ -83,7 +86,9 @@ export default function AddMemberDivision() {
}
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Gagal menambahkan anggota', })
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -98,7 +103,7 @@ export default function AddMemberDivision() {
headerRight: () => (
<ButtonSaveHeader
category="update"
disable={selectMember.length > 0 ? false : true}
disable={selectMember.length == 0 || loading ? true : false}
onPress={() => {
handleAddMember()
}}

6
app/(application)/division/[id]/edit.tsx
View File

@@ -16,6 +16,7 @@ export default function EditDivision() {
const update = useSelector((state: any) => state.divisionUpdate)
const { token, decryptToken } = useAuthSession();
const { id } = useLocalSearchParams<{ id: string }>();
const [loading, setLoading] = useState(false)
const [data, setData] = useState({
name: "",
desc: "",
@@ -43,6 +44,7 @@ export default function EditDivision() {
async function handleEdit() {
try {
setLoading(true)
const hasil = await decryptToken(String(token?.current))
const response = await apiEditDivision({ user: hasil, name: data.name, desc: data.desc }, id)
if (response.success) {
@@ -55,6 +57,8 @@ export default function EditDivision() {
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -73,7 +77,7 @@ export default function EditDivision() {
headerTitleAlign: "center",
headerRight: () => (
<ButtonSaveHeader
disable={error.name}
disable={error.name || loading ? true : false}
category="update"
onPress={() => { handleEdit() }}
/>

8
app/(application)/division/create/add-admin-division.tsx
View File

@@ -29,6 +29,7 @@ export default function CreateDivisionAddAdmin() {
const update = useSelector((state: any) => state.divisionCreate)
const updateDivision = useSelector((state: any) => state.divisionUpdate)
const dispatch = useDispatch()
const [loading, setLoading] = useState(false)
async function handleLoadMember() {
setData(update.member)
@@ -48,6 +49,7 @@ export default function CreateDivisionAddAdmin() {
async function handleAddMember() {
try {
setLoading(true)
dispatch(setFormCreateDivision({ ...update, admin: selectMember }))
const hasil = await decryptToken(String(token?.current))
const response = await apiCreateDivision({ ...update, user: hasil })
@@ -61,7 +63,9 @@ export default function CreateDivisionAddAdmin() {
}
} catch (error) {
console.error(error)
Toast.show({ type: 'small', text1: 'Gagal membuat divisi', })
Toast.show({ type: 'small', text1: 'Terjadi kesalahan', })
} finally {
setLoading(false)
}
}
@@ -76,7 +80,7 @@ export default function CreateDivisionAddAdmin() {
headerRight: () => (
<ButtonSaveHeader
category="create"
disable={selectMember.length > 0 ? false : true}
disable={selectMember.length == 0 || loading ? true : false}
onPress={() => {
handleAddMember()
}}