Update check enabled

Iconscout · Sep 9, 2017 · 314d468 · 314d468
1 parent 449f1b7
commit 314d468
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 5 deletions.
diff --git a/apps/Logodrop/Contents/Sketch/common/Message.js b/apps/Logodrop/Contents/Sketch/common/Message.js
@@ -0,0 +1,3 @@
+function showMessage (message, context) {
+	context.document.showMessage(message);
+}
diff --git a/apps/Logodrop/Contents/Sketch/main.cocoascript b/apps/Logodrop/Contents/Sketch/main.cocoascript
@@ -4,6 +4,7 @@
 @import 'common/SelectedShape.js';
 @import 'common/Storage.js';
 @import 'common/Url.js';
+@import 'common/Message.js';
 @import 'common/Manifest.js';
 
 function searchLogos(context) {
@@ -44,6 +45,10 @@ function searchLogos(context) {
 
         log: function () {
           log(data);
+        },
+
+        showMessage: function () {
+          showMessage(data.message, context);
         }
       };
 

diff --git a/src/actions/index.js b/src/actions/index.js
@@ -72,6 +72,7 @@ export const checkPluginUpdate = () => {
 
 				if(versionCompare(liveVersion, currentVersion)) {
 					app.showMessage('New version of Plugin is available. Update Now!')
+					document.querySelector('.btn-update').style = 'display: block'
 					console.log("currentVersion is " + liveVersion + ". Plugin version is "+ currentVersion)
 				}
 

diff --git a/src/components/LogodropBanner.js b/src/components/LogodropBanner.js
@@ -2,8 +2,8 @@ import React, { Component } from 'react'
 import ExternalLink from './ExternalLink'
 
 const LogodropBanner = () => (
-	<div className="iconscout-banner">
-		Powered by <ExternalLink href="https://iconscout.com?utm_source=logodrop&utm_medium=sketch">Iconscout API</ExternalLink>
+	<div className="logodrop-banner">
+		Powered by <ExternalLink href="https://iconscout.com?utm_source=logodrop&utm_medium=sketch">Iconscout API</ExternalLink> <ExternalLink className="btn btn-success btn-xs btn-update" href="https://github.com/Iconscout/logodrop?utm_source=logodrop&utm_medium=sketch">Update Now</ExternalLink>
 	</div>
 )
 

diff --git a/src/stylesheets/main.css b/src/stylesheets/main.css
@@ -5125,7 +5125,7 @@ header {
   background-color: #EDF0F4;
   border: 1px solid #e1e1e1; }
 
-.iconscout-banner {
+.logodrop-banner {
   position: absolute;
   bottom: 0;
   text-align: center;
@@ -5134,5 +5134,10 @@ header {
   height: 30px;
   line-height: 30px;
   font-size: 12px; }
-  .iconscout-banner b {
+  .logodrop-banner b {
     font-weight: 600; }
+  .logodrop-banner .btn-update {
+    display: none;
+    position: absolute;
+    right: 4px;
+    top: 4px; }
diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
@@ -24,7 +24,7 @@ header {
 	border: 1px solid $gray-light;
 }
 
-.iconscout-banner {
+.logodrop-banner {
     position: absolute;
     bottom: 0;
     text-align: center;
@@ -37,4 +37,11 @@ header {
     b {
     	font-weight: 600
     }
+
+    .btn-update {
+        display: none;
+        position: absolute;
+        right: 4px;
+        top: 4px;
+    }
 }