Drone Market ReactJS Deployment Plans

10_Assign_Drone

Component Structure

App
│───Header
└───Content
│   └───Breadcrumb
│   └───AssignDrone
│       └───AssignDroneTitle
│       └───AssignDroneInfo
│       └───AssignDroneWizard
│           └───Step1
│           │   └───SelectDroneItem
│           │   └───WizardButton
│           └───Step2
└───Footer

PropTypes

-- AssignDroneInfo.jsx --
AssignDroneInfo.propTypes = {
  type: PropTypes.string.isRequired,
  deliverydate: PropTypes.string.isRequired,
  pickuplocation: PropTypes.string.isRequired,
  dropoffdeliverylocation: PropTypes.string.isRequired,
  whattodeliver: PropTypes.string.isRequired,
  weight: PropTypes.number.isRequired,
};

-- SelectDroneItem.jsx --
SelectDroneItem.propTypes = {
  photo: PropTypes.string.isRequired,
  title: PropTypes.string.isRequired,
  serialnumber: PropTypes.string.isRequired,
  speed: PropTypes.string.isRequired,
  flighttime: PropTypes.number.isRequired,
  weight: PropTypes.number.isRequired,
};