Add more ES6

This commit is contained in:
Jonathan Cremin 2015-06-15 02:34:39 +01:00
parent 60f90817ad
commit 0650e6b3b8
17 changed files with 374 additions and 383 deletions
views

37
views/head.js Normal file
View file

@ -0,0 +1,37 @@
import React from 'react';
import {State} from 'react-router';
export default React.createClass({
mixins: [ State ],
contextTypes: {
router: React.PropTypes.func.isRequired
},
render: function() {
var image = this.props.shares ? this.props.shares[0].artwork.large : 'https://match.audio/images/logo-512.png';
var title = this.props.shares ? this.props.shares[0].name + ' by ' + this.props.shares[0].artist.name : 'Match Audio';
var shareUrl = 'https://match.audio/' + this.getParams().service + '/' + this.getParams().type + '/' + this.getParams().id;
return (
<head>
<script dangerouslySetInnerHTML={{__html: 'var timerStart = Date.now();'}}></script>
<meta charSet='utf-8' />
<meta httpEquiv='X-UA-Compatible' content='IE=edge' />
<title>{this.props.shares ? 'Listen to ' + this.props.shares[0].name + ' by ' + this.props.shares[0].artist.name + ' on Match Audio' : 'Match Audio'}</title>
<meta name='description' content='Match Audio matches album and track links from Youtube, Rdio, Spotify, Deezer, Google Music, Xbox Music, Beats Music, and iTunes and give you back one link with matches we find on all of them.' />
<meta name='viewport' content='width=device-width, initial-scale=1' />
<meta name='theme-color' content='#FE4365' />
<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:site' content='@MatchAudio' />
<meta name='twitter:title' property='og:title' content={title} />
<meta name='twitter:description' property='og:description' content='Match Audio matches album and track links from Youtube, Rdio, Spotify, Deezer, Google Music, Xbox Music, Beats Music, and iTunes and give you back one link with matches we find on all of them.' />
<meta name='twitter:image:src' property='og:image' content={image} />
<meta property='og:url' content={shareUrl} />
<link rel='shortcut icon' href='/images/favicon.png' />
<link rel='icon' sizes='512x512' href='/images/logo-128.png' />
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css' />
<link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css' />
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
);
}
});