goldensunliu

@import "./page";
@import "./font-sizes";

.page2_title {
  &:extend(.page_title);
}

.log_out_cta {
  &:extend(.copy);
}

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 withRedux from '../nextWithReduxWrapper';
import { FETCH_PLAY_HISTORY } from '../actions';
import PlayHistory from '../components/PlayHistory';

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

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

debugger
console.log(document.cookie)

goldensunliu

const Cell = (props) => {
  const {
    value, onClick, isPeer, isSelected, sameValue, prefilled, notes, conflict,
  } = props;
  const backgroundColor = getBackGroundColor({
    conflict, isPeer, sameValue, isSelected,
  });
  const fontColor = getFontColor({ conflict, prefilled, value });
  return (
    <div className="cell" onClick={onClick}>