Citizen : Water & Sewerage - My Applications
- Tulika Kundu
My Applications
Users can review the list of applications and their status registered under their mobile number in My Applications tab. Each Application for the initial view will display Application No, Service Name, Consumer Name, Property Id, status, SLA and property Address with View Details option, through which User can look up more details about the Application.
Once the user clicks on View Details Button, the Application Details Page will be displayed with all the necessary information about the application.
there is two link provided in the application details screen, one is under Property Details, through which user can see the in depth details of the property associated with the application, and another is under connection details to view the addition details of the connection with the application.
timeline component:
timeline component is present at the end of the application details which tells about the current status and history of the application being open to edit, approved, rejected, closed etc.
Technical Implementation Details:
The path for the My Applications and Application Details common Index is given below, it can be used to understand the working of the code, Below is the file path.
packages/modules/ws/src/pages/citizen/WSMyApplications/index.js
The template for My Application is present under packages/modules/ws/src/pages/citizen/WSMyApplications/ws-application.js and Application Details page is present inside packages/modules/ws/src/pages/citizen/WSApplicationDetails.js. All the Application list is being retrieved by calling the search API "/ws-services/wc/_search" & "/sw-services/swc/_search"
Hooks used for fetching the applications for Water and Sewerage are :
const { isLoading, isError, error, data } = Digit.Hooks.ws.useMyApplicationSearch({ filters: filter1 }, { filters: filter1 });
const { isLoading: isSWLoading, isError : isSWError, error : SWerror, data: SWdata } = Digit.Hooks.ws.useMyApplicationSearch({ filters: filter1,BusinessService:"SW"}, { filters: filter1 });
MDMS:
No MDMS data being used here, all the data is being loaded from Search API.
Localization :
For My Applications also the Localization keys are being added in the ‘rainmaker-ws’ locale module same as My connections and create. To change, update or of adding any new localization key will be done in the same locale module only.
Role Actions:
Url | Roles | Action Id |
|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|