feature(css): added popup css

CHANGELOG.md

+## [1.1.2] - 2021-08-16
+### Added
+- popup css
+
 ## [1.1.1] - 2021-08-16
 ### Fixed
 - method duplication

assets-src/popup/js/components/activation-reminder.jsx

@@ -87,10 +87,10 @@ export default class ActivationReminder extends React.Component {
                             <Col>
                                 <strong>With a valid license you get:</strong>
                                 <ul>
-                                    <li>premium support</li>
-                                    <li>new features</li>
-                                    <li>safety updates</li>
-                                    <li>plugin from a safe source, with verified code and without any malware</li>
+                                    <li><span className="dashicons dashicons-yes"/>premium support</li>
+                                    <li><span className="dashicons dashicons-yes"/>new features</li>
+                                    <li><span className="dashicons dashicons-yes"/>safety updates</li>
+                                    <li><span className="dashicons dashicons-yes"/>plugin from a safe source, with verified code and without any malware</li>
                                 </ul>
                                 In addition you'll support WordPress and WooCommerce community.<br/>
                                 <a target="_blank" href="https://wpde.sk/fs-license">Learn more about benefits of having an active license key →</a>

assets-src/popup/scss/style.scss

@@ -221,4 +221,33 @@ span.wpdesk-activation-reminder {
       }
     }
   }
+
+  .benefits.row ul {
+    margin: 0 auto 20px;
+  }
+
+  .benefits.row ul li {
+    max-width: 50%;
+    margin: 5px auto;
+  }
+
+  .header.row h2 {
+    max-width: 75%;
+    margin: 10px auto 0px;
+  }
+
+  .get-licence.row button.btn-success {
+    padding: 8px 27px;
+    border-radius: 5px;
+    box-shadow: 0 2px 4px 0 rgb(72 182 72 / 25%);
+    background-color: #48b648;
+    font-size: 14px;
+    font-weight: 600;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: 1.71;
+    letter-spacing: normal;
+    text-align: center;
+    color: #fff;
+  }
 }

src/Reminder.php

@@ -12,7 +12,7 @@ class Reminder {
 	}
 
 	public function enqueue_reminder_script() {
-		if ( ! $this->is_plugin_activated() ) {
+		if ( $this->should_display() ) {
 			wp_enqueue_script(
 				'wpdesk-activation-reminder',
 				plugins_url( 'popup-javascript-file' ),
@@ -31,7 +31,7 @@ class Reminder {
 	}
 
 	public function display_html_element() {
-		if ( ! $this->is_plugin_activated() ) {
+		if ( $this->should_display() ) {
 			$logo_url          = plugins_url( 'plugin-dir' . '/' . $this->logo_url );
 			$cookie_name       = md5( site_url() . 'plugin-dir' );
 			$subscriptions_url = admin_url( 'admin.php?page=wpdesk-licenses' );
@@ -40,6 +40,10 @@ class Reminder {
 		}
 	}
 
+	private function should_display() {
+		return get_locale() !== 'pl_PL' && ! $this->is_plugin_activated();
+	}
+
 	private function is_plugin_activated() {
 		return get_option( 'api_plugin-dir_activated', '' ) === 'Activated';
 	}