georgeperry1

// VSCODE SETTINGS

georgeperry1

import React, { Component } from 'react';
import WaveSurfer from 'wavesurfer.js';

import { WaveformContianer, Wave, PlayButton } from './Waveform.styled';

class Waveform extends Component {  
  state = {
    playing: false,
  };

georgeperry1

import React, { Component } from 'react';
import WaveSurfer from 'wavesurfer.js';

import { WaveformContianer, Wave, PlayButton } from './Waveform.styled';

class Waveform extends Component {  
  componentDidMount() {
    const track = document.querySelector('#track');

    this.waveform = WaveSurfer.create({

georgeperry1

import React, { Component } from 'react';

import { WaveformContianer, Wave, PlayButton } from './Waveform.styled';

class Waveform extends Component {  
  render() {
    return (
      <WaveformContianer>
        <PlayButton> // This is a <button />
          Play

georgeperry1

import styled from 'styled-components';

export const WaveformContianer = styled.div`
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 80px;
  width: 100%;
  background: #fff;
  padding: 0px 0px 5px 10px;

georgeperry1

import React, { Component } from 'react';

class Waveform extends Component {
  render() {
    return (
      <div />
    );
  }
};

georgeperry1

name: Production Build

on:
  pull_request:
  push:
    branches:
      - master
jobs:
  build:
    runs-on: ubuntu-latest

georgeperry1

name: Production Build

on:
  pull_request:
  push:
    branches:
      - master

jobs:
  build:

georgeperry1

name: Production Build

on:
  pull_request:
  push:
    branches:
      - master

jobs:
  build:

georgeperry1

name: Production Build

on:
  pull_request:
  push:
    branches:
      - master

jobs:
  build: