FSM v1.1 FSTPO UI
- Nabeel Md
- Sathish P
FSTP Inbox changes:
Search by Application Number: We have added search by application number field where FSTPO can search the vehicle trip detail by application Number.
Application No & Status column: New Application No column and Status Column is added in the Inbox Table so that FSTPO can see the application number and status of the trip.
Technical Implementation Details:
Below are the code snippets to add Application search field inside search fields object:
{
label: t("ES_SEARCH_APPLICATION_APPLICATION_NO"),
name: "refernceNos",
},Below are the code snippets to fetch the application number:
const { isLoading: applicationLoading, isError, data: applicationData, error } = Digit.Hooks.fsm.useSearch(
tenantId,
{ applicationNos: searchParams?.refernceNos, uuid: userInfo.uuid },
{ staleTime: Infinity }
);
Trip No in FSTPO Details:
We have added the Trip No. field in fstp-operator-details page so that FSTPO can know the ongoing trip of the application number.
Technical Implementation Details:
Below are the code snippet to check the current Trip:
useEffect(() => {
filterVehicle?.length == 0 ? setCurrentTrip(1) : setCurrentTrip((tripNo - filterVehicle?.length) + 1)
}, [tripNo, filterVehicle, totalvehicle, totalsuccess, isSuccess]);
Below are the code snippet to render the trip no field
{!isSearchLoading && !isIdle && tripDetails && currentTrip ?
<Row
key={t("ES_VEHICLE_TRIP_NO")}
label={`${t("ES_VEHICLE_TRIP_NO")} * `}
text={
<div>
<Dropdown
disable
selected={{ "name": `${currentTrip} of ${tripDetails[0]?.noOfTrips}` }}
t={t}
optionKey="name"
style={{ maxWidth: '200px' }} />
</div>
}
>
</Row> : null}