Drone Market ReactJS Deployment Plans

14_My_Drone

Component Structure

App
│───Header
└───Content
│   └───Breadcrumb
│   └───MyDrones
│       └───MyDronesHeader
│       └───MyDronesMap
│       │   └───DroneLocations
│       │   └───MyDronesMapLegend
│       └───MyDronesTabs
│           └───AvailableTab
│           │   └───OnMissionRow
│           │   └───OnMissionPagination
│           └───OnMissionTab
└───Footer

Recommended Libraries

Map
Table

PropTypes

-- MyDronesMap.jsx --
MyDronesMap.propTypes = {
  DroneLocations: PropTypes.array.isRequired,
};

-- AvailableTab.jsx --
AvailableTab.propTypes = {
  photo: PropTypes.string.isRequired,
  serial: PropTypes.string.isRequired,
  name: PropTypes.string.isRequired,
  type: PropTypes.string.isRequired,
  mileage: PropTypes.number.isRequired,
};