2014-12-22 22:38:08 +00:00
'use strict' ;
var React = require ( 'react' ) ;
2015-01-11 23:52:47 +00:00
var Router = require ( 'react-router' ) ;
2014-12-22 22:38:08 +00:00
module . exports = React . createClass ( {
2015-01-11 23:52:47 +00:00
mixins : [ Router . State ] ,
2014-12-22 22:38:08 +00:00
render : function ( ) {
2015-01-11 18:48:22 +00:00
var image = this . props . shares ? this . props . shares [ 0 ] . artwork . large : "https://match.audio/images/logo-512.png" ;
2015-01-12 00:06:39 +00:00
var title = this . props . shares ? this . props . shares [ 0 ] . name + " by " + this . props . shares [ 0 ] . artist . name : "Match Audio" ;
2015-01-11 23:52:47 +00:00
var shareUrl = "https://match.audio/" + this . getParams ( ) . service + "/" + this . getParams ( ) . type + "/" + this . getParams ( ) . id ;
2014-12-22 22:38:08 +00:00
return (
< head >
< meta charSet = "utf-8" / >
< meta httpEquiv = "X-UA-Compatible" content = "IE=edge" / >
2015-01-13 01:06:37 +00:00
< title > { this . props . shares ? "Listen to " + this . props . shares [ 0 ] . name + " by " + this . props . shares [ 0 ] . artist . name + " on Match Audio" : "Match Audio" } < / title >
2014-12-22 22:38:08 +00:00
< meta name = "description" content = "" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
2015-01-11 17:08:16 +00:00
< meta name = "theme-color" content = "#FE4365" / >
2014-12-22 22:38:08 +00:00
< meta name = "twitter:card" content = "summary_large_image" / >
< meta name = "twitter:site" content = "@MatchAudio" / >
2015-01-11 18:48:22 +00:00
< meta name = "twitter:title" property = "og:title" content = { title } / >
2015-01-12 17:46:58 +00:00
< meta name = "twitter:description" property = "og:description" content = "We've matched this music on Rdio, Spotify, Deezer, Beats Music, Google Music and iTunes so you can open it in your favourite service." / >
2015-01-11 18:48:22 +00:00
< meta name = "twitter:image:src" property = "og:image" content = { image } / >
2015-01-11 23:52:47 +00:00
< meta property = "og:url" content = { shareUrl } / >
2014-12-22 22:38:08 +00:00
< link rel = "shortcut icon" href = "/images/favicon.png" / >
2015-01-13 01:06:37 +00:00
< link rel = "icon" sizes = "512x512" href = "/images/logo-128.png" / >
2014-12-22 22:38:08 +00:00
< 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 >
) ;
}
} ) ;
