02_Browse_Provider1(Filter)
.jpg)
Component Structure
App
│───Header
└───Content
│ └───BrowseProvider
│ │ └───BrowseProviderHeader
│ │ │ └───BrowseProviderSearch
│ │ └───ProvidersFilter
│ │ │ └───ProvidersGridForm
│ └───ProviderMap
│ └───UserLocation
│ └───DroneLocation
│ └───MapActionButtons
└───Footer
Recommended Libraries
PropTypes
-- ProvidersGridItem.jsx --
ProvidersGridItem.propTypes = {
sponsored: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
tooltips: PropTypes.string.isRequired,
badge: PropTypes.bool.isRequired,
completedjob: PropTypes.array.isRequired,
rating: PropTypes.number.isRequired,
};
-- NotificationRow.jsx --
NotificationRow.propTypes = {
icon: PropTypes.string.isRequired,
title: PropTypes.string.isRequired,
link: PropTypes.string.isRequired,
status: PropTypes.string.isRequired,
time: PropTypes.string.isRequired,
};