Merge pull request #28 from palmerhq/bugfix/notification

Fix notification count and styling in docs

Author: jackjocross

docs/src/components/Button/Button.js

@@ -2,7 +2,6 @@ import React from 'react'
 
 export const buttonStyles = {
   color: 'white',
-  overflow: 'hidden',
   display: 'inline-block',
   verticalAlign: 'bottom',
   position: 'relative',

site/gatsby-node.js

@@ -93,6 +93,6 @@ exports.onPostBuild = () =>
   fs.writeFileSync(
     path.resolve(process.cwd(), 'public', 'release-dates.json'),
     JSON.stringify(
-      releaseEdges.slice(0, 9).map(({ node: { publishedAt } }) => publishedAt)
+      releaseEdges.slice(0, 10).map(({ node: { publishedAt } }) => publishedAt)
     )
   )

widget/src/widget.js

@@ -146,7 +146,7 @@ function createWidget() {
         const count = lastViewedIndex === -1 ? dates.length : lastViewedIndex
 
         if (count > 0) {
-          notification.innerHTML = count === dates.length ? `${count}+` : count
+          notification.innerHTML = count > 9 ? `9+` : count
           toggles.forEach(toggle => {
             const notificationCopy = notification.cloneNode(true)
             toggleNotifications.set(toggle, notificationCopy)