Samandar/cpost-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

search

Browse Source
This commit is contained in:
Samandar Turg'unboev
2025-05-29 12:36:30 +05:00
parent fe18f8a203
commit b96e7403d0
2 changed files with 35 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/hooks/useInput.ts
View File

@@ -8,8 +8,12 @@ import { ChangeEvent, useState } from 'react';
const useInput = (initialValue: string) => { const useInput = (initialValue: string) => {
const [value, setValue] = useState(initialValue); const [value, setValue] = useState(initialValue);
const handleChange = (event: ChangeEvent<HTMLInputElement>) => { const handleChange = (event: ChangeEvent<HTMLInputElement> | string) => {
setValue(event.target.value); if (typeof event === 'string') {
setValue(event);
} else if (event?.target) {
setValue(event.target.value);
}
}; };
return { return {

52
src/routes/private/real-boxes-create/DashboardCreateRealBox.tsx
View File

@@ -20,6 +20,7 @@ import { useMyTranslation } from '@/hooks/useMyTranslation';
import { FormValues, RealCreateBoxBodyType, UpdateRealBoxBodyType } from '@/data/real-box/real-box.model'; import { FormValues, RealCreateBoxBodyType, UpdateRealBoxBodyType } from '@/data/real-box/real-box.model';
import get from 'lodash.get'; import get from 'lodash.get';
import useRequest from '@/hooks/useRequest'; import useRequest from '@/hooks/useRequest';
import useInput from '@/hooks/useInput';
const StyledCreateBox = styled(Box)` const StyledCreateBox = styled(Box)`
.item-row { .item-row {
@@ -48,6 +49,7 @@ interface Props {
const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => { const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => {
const { user, isAdmin: isAdminUser } = useAuthContext(); const { user, isAdmin: isAdminUser } = useAuthContext();
const editMode = !!initialValues?.id; const editMode = !!initialValues?.id;
const { value: keyword, onChange: handleKeyword, setValue: setKeyword } = useInput('');
const t = useMyTranslation(); const t = useMyTranslation();
const params = useSearchParams(); const params = useSearchParams();
const { push } = useMyNavigation(); const { push } = useMyNavigation();
@@ -65,6 +67,8 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => {
finished: false, finished: false,
}); });
console.log(keyword, "keyword");
const { const {
register, register,
control, control,
@@ -116,6 +120,7 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => {
() => () =>
box_requests.getAll({ box_requests.getAll({
partyId: partyId, partyId: partyId,
cargoId: keyword
}), }),
{ {
selectData: (data) => data?.data?.data ?? [], selectData: (data) => data?.data?.data ?? [],
@@ -287,6 +292,7 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => {
<AsyncSelect <AsyncSelect
onChange={(newValue: any) => { onChange={(newValue: any) => {
paketField.onChange(newValue?.value ?? ''); paketField.onChange(newValue?.value ?? '');
handleKeyword(newValue?.label ?? '');
}} }}
defaultValue={ defaultValue={
editMode && initialValues?.paketIds?.[index] editMode && initialValues?.paketIds?.[index]
@@ -312,6 +318,7 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => {
try { try {
const res = await box_requests.getAll({ const res = await box_requests.getAll({
partyId, partyId,
cargoId: inputValue,
}); });
return res.data.data.data.map((box: any) => ({ return res.data.data.data.map((box: any) => ({
label: box.box_name || box.name || `Box ${box.id}`, label: box.box_name || box.name || `Box ${box.id}`,
@@ -330,35 +337,34 @@ const DashboardCreateRealBoxPage = ({ initialValues, partiesData }: Props) => {
<FormHelperText sx={{ color: 'red' }}>{requiredText}</FormHelperText> <FormHelperText sx={{ color: 'red' }}>{requiredText}</FormHelperText>
)} )}
</Box> </Box>
{fields.length > 1 && ( <BaseIconButton
<Box className="item-row-field"> size="small"
<BaseIconButton colorVariant="icon-error"
size="small" sx={{ flexShrink: 0, height: 'auto', marginTop: 1 }}
colorVariant="icon-error" onClick={() => removePaket(index)}
sx={{ flexShrink: 0, height: 'auto', marginTop: 1 }} >
onClick={() => removePaket(index)} <Close />
> </BaseIconButton>
<Close />
</BaseIconButton>
</Box>
)}
</Box> </Box>
))} ))}
<Stack alignItems="center" mt={2}> <BaseButton
<BaseButton variant="outlined"
sx={{ backgroundColor: '#239D5F' }} onClick={appendPaket}
startIcon={<AddCircleRounded />} startIcon={<AddCircleRounded />}
onClick={appendPaket} >
> {t('add_packet')}
{t('add_more')} </BaseButton>
</BaseButton>
</Stack>
</Stack> </Stack>
</Grid> </Grid>
</Grid> </Grid>
<BaseButton type="submit" colorVariant="blue" loading={loading}> <BaseButton
{editMode ? t('update') : t('create')} variant="contained"
type="submit"
disabled={loading}
fullWidth
>
{editMode ? t('update_box') : t('create_box')}
</BaseButton> </BaseButton>
</Box> </Box>
</StyledCreateBox> </StyledCreateBox>