goldensunliu

.h1,
.page_title {
  color: #212121;
  font-size: 36px;
}
.h2 {
  color: #212121;
  font-size: 24px;
}
.h3,

goldensunliu

.page_special_button {
  background-color: black;
  color: white;
}
.h1,
.page_title,
.page2_title {
  color: #212121;
  font-size: 36px;
}

goldensunliu

$h1-size: 36px;
$h2-size: 24px;
$h3-size: 18px;
$grey: #212121;
$lightgrey: #616161;

%h1 {
  color: $grey;
  font-size: $h1-size;

goldensunliu

@import './typography'
.page_title {
  @extend %h1;
}

.page_cta {
  @extend %h3;
}

.page_special_button {

goldensunliu

.page_title {
  color: #212121;
  font-size: 36px;
}

.page_cta {
  color: #616161;
  font-size: 18px;
}

goldensunliu

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { fetchAudioFeaturesById } from '../actions';
// stateless template for the display
import AudioFeatures from '../AudioFeatures'

const mapStateToProps = ({audioFeaturesById}, {trackId}) => ({ 
  audioFeatures: audioFeaturesById[trackId] 
});

goldensunliu

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { fetchAudioFeaturesById } from '../actions';
import Artist from '../Artist'

const mapStateToProps = ...
const mapDispatchToProps = ...

class ConnectedArtist extends React.Component {
  ...

goldensunliu

import React, { Component } from 'react';
import { connect } from 'react-redux';
import withRedux from '../nextWithReduxWrapper';
import { FETCH_PLAY_HISTORY } from '../actions';
import PlayHistory from '../components/PlayHistory';

const mapStateToProps = ({ history, artistsById, audioFeaturesById }) => {
    return { history, artistsById, audioFeaturesById };
};

goldensunliu

debugger
console.log(document.cookie)

goldensunliu

    getSelectedCell() {
        const { board } = this.state
        const selected = board.get('selected')
        return selected && board.get('puzzle').getIn([selected.x,selected.y])
    }

    renderCell(cell, x, y) {
        const { board } = this.state
        const selected = this.getSelectedCell()
        const sameValue = selected && selected.get('value') && value === selected.get('value')