Drone Market ReactJS Deployment Plans

15_Drone_Detail1

Component Structure

App
│───Header
└───Content
│   └───Breadcrumb
│   └───DroneDetails
│       └───DroneDetailsHeader
│       └───DroneDetailsTabs
│           └───DroneInfo
│           └───DroneSchedule
│               └───DroneScheduleCalendar
│               └───DroneScheduleTable
│                   └───DroneScheduleRow
└───Footer

Recommended Libraries

DroneScheduleCalendar

PropTypes

-- DroneSchedule.jsx --
DroneSchedule.propTypes = {
  date: PropTypes.string.isRequired,
  events: PropTypes.array.isRequired,
};

-- DroneScheduleTable.jsx --
DroneScheduleTable.propTypes = {
  launchtime: PropTypes.string.isRequired,
  serial: PropTypes.string.isRequired,
  type: PropTypes.string.isRequired,
  location: PropTypes.string.isRequired,
  dropoff: PropTypes.string.isRequired,
  whattodeliver: PropTypes.string.isRequired,
  weight: PropTypes.string.isRequired,
};