prosper74 / safe-haven-fe Goto Github PK

Currently, in the user dashboard, there is an Edit Profile. When this button is clicked, we want the user to see a form to edit the profile and save it.

The component should open in the same route.

The goal is to display the edit profile form when Edit Profile button is clicked and display the user dashboard content when the button is not clicked

Currently, all the site is fetching data from the properties content type from strapi. Everywhere /properties is being fetched should be changed to /adverts

This will require some changes to the fields too. So make sure to check all the components using the data, and effect all necessary changes.

Add a prompt to all delete buttons.

Are you sure you want to delete this item?
This action is irreversible

Add two buttons; Sure and Cancel

In the user dashboard, all user's adverts are currently displayed. But the edit icon in each advert is not functioning.

The goal is to make the button open a modal that can enable users to edit the advert and save it.

There is a component called svgIcons. Currently, it has many icons in it.

The goal should be to put all the icons in that component so they can be reused site wide

Currently, the account verification button is not working.

The goal is to create a modal for users to be able to verify their accounts. The page will two input fields and two file upload fields.

The first input field will be Identity verification, the user has to select from a list that will include; International Passport, Drivers Licence, Valid ID card (Issued by the government). The file upload field will be underneath.

The second input field will be address verification. The user is expected to select from the list; Bank statement, Utility bill. The file upload field will be underneath.

Note: the file upload field should take a maximum of 1 file and the file size should not exceed 1MB. the submit button should be disabled until all fields have been properly filled.

Currently the mobile menu show Account whether the user is logged in or not.

What we want is to show Login when a user is not logged in, and show Account when a user is logged in.
Also, make the Login to set the auth modal to 'open'

Note: these changes should affect only the mobile view

The filter component for all the categories are currently not working

The property features are currently a string. The user inputs the features separated by the pipe | symbol.

Convert the string to an array using the pipe | symbol and List the array in the features tab in the single property page

The property meta component in the single page breaks on a mobile screen. The goal is to make it column on mobile and row on big screen