AmpliTunes without react-amplitude

NowPlayingView.jsx

import React, { Fragment } from "react";

class NowPlayingView extends React.Component {
  componentDidMount() {
    this.props.logViewNowPlayingScreen();
  }

  componentDidUpdate = prevProps => {
    if (prevProps.songId !== this.props.songId) {
      this.props.logChangeSong(songId);
    }
  };

  render() {
    return (
      <PlayControls
        songId={this.props.songId}
        genreId={this.props.genreId}
        playlistId={this.props.playlistId}
        isFavorited={this.props.isFavorited}
        getTimeElapsed={this.props.getTimeElapsed}
      />
    );
  }
}

class PlayControls extends React.Component {
  render() {
    const commonProps = {
      songId: this.props.songId,
      genreId: this.props.genreId,
      playlistId: this.props.playlistId,
      isFavorited: this.props.isFavorited,
      getTimeElapsed: this.props.getTimeElapsed
    };

    return (
      <div>
        <Seeker {...commonProps} />
        <div>
          <RewindButton {...commonProps} />
          <PlayPauseButton {...commonProps} />
          <FastForwardButton {...commonProps} />
        </div>
        <div>
          <ShareMenu {...commonProps} />
        </div>
      </div>
    );
  }
}

class FastForwardButton extends React.Component {
  fastForward = () => {
    this.props.logFastForward({
      songId: this.props.songId,
      genreId: this.props.genreId,
      playlistId: this.props.playlistId,
      isFavorited: this.props.isFavorited,
      timeElapsed: this.props.getTimeElapsed()
    });
    this.props.fastForward();
  }

  render() {
    return (
      <Button onClick={this.fastForward}>
        <Icon name="FAST_FORWARD" />
      </Button>
    )
  }
}