methodbox

type State = {
  appTitle: string;
  launchImg: string;
  rocketName: string;
  missionName: string;
  missionLogo: string;
  missionDetails: string;
  missionSuccess: boolean;
  flightNumber: number;
  missionId: string;

methodbox

type State = {
  appTitle: string;
  launchImg: string;
  rocketName: string;
  missionName: string;
  missionLogo: string;
  missionDetails: string;
  missionSuccess: boolean;
  flightNumber: number;
  missionId: string;

methodbox

type State = {
  appTitle: 'SpaceX Launches';
  launchImg: '';
  rocketName: '';
  missionName: '';
  missionLogo: '';
  missionDetails: '';
  missionSuccess: false;
  flightNumber: 0;
  missionId: '';

methodbox

import * as React from 'react';
import './styles.css';
// Rocket Info
import { mission } from './data/rockets';
import 'bootstrap/dist/css/bootstrap.css';

// Create a State type below this line
type State = {}

export default class RocketApp extends React.Component<{}, {}> {...}

methodbox

_getNewMission() {
    this.setState({
      // Use this to change the state values when the button is clicked.
      appTitle: 'SpaceX Launches',
      launchImg: require('./assets/2013_-_9_falcon_9_ses_launch-4.jpg'),
      rocketName: '',
      missionName: '',
      missionLogo: require('./assets/mission-logo.png'),
      missionDetails: '',
      missionSuccess: false,

methodbox

_getNewRocket() {
    this.setState({
      rocketName: mission.rocket.rocket_name,
      missionName: mission.mission_name,
      missionLogo: mission.links.mission_patch_small,
      launchImg: mission.links.flickr_images[Math.floor(Math.random() * 5)],
      missionDetails: mission.details,
      flightNumber: mission.flight_number,
      missionId: mission.mission_id,
      launchDate: new Date(mission.launch_date_unix * 1000).toDateString(),