From 1448b8d1f0883e14c9837ab081345aea706adffa Mon Sep 17 00:00:00 2001
From: Jonathan Cremin <jonathan@crem.in>
Date: Sun, 11 Jan 2015 18:48:22 +0000
Subject: [PATCH] Add twitter/facebook card metadata back to share page
---
views/app.jsx | 2 +-
views/head.jsx | 6 ++++--
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/views/app.jsx b/views/app.jsx
index eaf34b9..68f911d 100644
--- a/views/app.jsx
+++ b/views/app.jsx
@@ -20,7 +20,7 @@ var App = React.createClass({
return (
<html>
- <Head />
+ <Head {...this.props} />
<body className="home">
<RouteHandler {...this.props} />
<GAInitiailizer />
diff --git a/views/head.jsx b/views/head.jsx
index 6375a5f..2095189 100644
--- a/views/head.jsx
+++ b/views/head.jsx
@@ -5,6 +5,8 @@ var React = require('react');
module.exports = React.createClass({
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].artist.name + " by " + this.props.shares[0].name : "Match Audio";
return (
<head>
<meta charSet="utf-8" />
@@ -15,9 +17,9 @@ module.exports = React.createClass({
<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="" />
+ <meta name="twitter:title" property="og:title" content={title} />
<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 the service you use." />
- <meta name="twitter:image:src" property="og:image" content="" />
+ <meta name="twitter:image:src" property="og:image" content={image} />
<meta property="og:url" content="" />
<link rel="shortcut icon" href="/images/favicon.png" />
<link rel="icon" sizes="512x512" href="/images/logo-512.png" />