Drone Market ReactJS Deployment Plans

15_Drone_Detail

Component Structure

App
│───Header
└───Content
│   └───Breadcrumb
│   └───DroneDetails
│       └───DroneDetailsHeader
│       └───DroneDetailsTabs
│           └───DroneInfo
│           │   └───DroneInfoDetails
│           │   └───DroneInfoSpecification
│           │   └───LastCompletedMissions
│           │   │   └───LastCompletedMissionsItem
│           └───DroneSchedule
└───Footer

PropTypes

-- DroneInfoDetails.jsx --
DroneInfoDetails.propTypes = {
  photo: PropTypes.string.isRequired,
  title: PropTypes.string.isRequired,
  description: PropTypes.string.isRequired,
};

-- DroneInfoSpecification.jsx --
DroneInfoSpecification.propTypes = {
  dronephotos: PropTypes.array.isRequired,
  dronespecification: PropTypes.array.isRequired,
  dronesbenefits: PropTypes.array.isRequired,
};

-- LastCompletedMissions.jsx --
LastCompletedMissions.propTypes = {
  route: PropTypes.string.isRequired,
  id: PropTypes.string.isRequired,
  type: PropTypes.string.isRequired,
  date: PropTypes.string.isRequired,
  location: PropTypes.string.isRequired,
};