From d6df50964bc9f9ad6d5a824995ac5436a76cbb92 Mon Sep 17 00:00:00 2001
From: Shawn Erquhart <shawn@erquh.art>
Date: Wed, 5 Dec 2018 11:53:35 -0500
Subject: [PATCH] docs: link releases to tag comparisons

---
 website/src/components/release.js | 33 +++++++++++++++++++------------
 website/src/pages/index.js        |  4 ++--
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/website/src/components/release.js b/website/src/components/release.js
index 63203edc..bf32c275 100644
--- a/website/src/components/release.js
+++ b/website/src/components/release.js
@@ -1,18 +1,25 @@
 import React from 'react';
+import moment from 'moment';
 import Markdownify from '../components/markdownify';
 
-const Release = ({ version, date, description }) => (
-  <a href={`https://github.com/netlify/netlify-cms/releases/tag/${version}`} key={version}>
-    <li>
-      <div className="update-metadata">
-        <span className="update-version">{version}</span>
-        <span className="update-date">{date}</span>
-      </div>
-      <span className="update-description">
-        <Markdownify source={description} />
-      </span>
-    </li>
-  </a>
-);
+const Release = ({ version, versionPrevious, date, description }) => {
+  console.log(version, versionPrevious);
+  const displayDate = moment(date).format('MMMM D, YYYY');
+  const url = `https://github.com/netlify/netlify-cms/compare/${versionPrevious}...${version}`;
+
+  return (
+    <a href={url} key={version}>
+      <li>
+        <div className="update-metadata">
+          <span className="update-version">{version}</span>
+          <span className="update-date">{displayDate}</span>
+        </div>
+        <span className="update-description">
+          <Markdownify source={description} />
+        </span>
+      </li>
+    </a>
+  );
+};
 
 export default Release;
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index a633cdaa..e583c6ea 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import moment from 'moment';
 import { graphql } from 'gatsby';
 
 import Layout from '../components/layout';
@@ -72,7 +71,8 @@ const HomePage = ({ data }) => {
             <Release
               key={idx}
               version={node.version}
-              date={moment(node.date).format('MMMM D, YYYY')}
+              versionPrevious={updates.updates[idx + 1].version}
+              date={node.date}
               description={node.description}
             />
           ))}