Drone Market ReactJS Deployment Plans

04_Service_Request

Component Structure

App
│───Header
└───Content
   └───ServiceAddress
      └───UserLocation
      └───TargetLocation
   └───ItemRequestForm
   └───ProviderMap
       └───DroneRoutes
       └───DroneCurrentLocation
       └───MapLegends
└───Footer

PropTypes

-- ServiceAddress.jsx --
ServiceAddress.propTypes = {
  userlocation: PropTypes.string.isRequired,
  targetlocation: PropTypes.string.isRequired,
};

-- ProviderMap.jsx --
ProviderMap.propTypes = {
  routes: PropTypes.string.isRequired,
  dronelocation: PropTypes.string.isRequired,
  distance: PropTypes.number.isRequired,
};