From ed2ebeee5289a692e63a26193ef46f5341cc68c5 Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Tue, 18 Sep 2018 13:49:22 +0200
Subject: [PATCH] Refactor in_app_announcement component to class

[MAILPOET-1525]
---
 .../in_app_announcement.jsx                   | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/assets/js/src/in_app_announcements/in_app_announcement.jsx b/assets/js/src/in_app_announcements/in_app_announcement.jsx
index 56238e3d39..a267c27765 100644
--- a/assets/js/src/in_app_announcements/in_app_announcement.jsx
+++ b/assets/js/src/in_app_announcements/in_app_announcement.jsx
@@ -1,26 +1,29 @@
 import React from 'react';
 import InAppAnnouncementDot from './in_app_announcement_dot.jsx';
 
-const InAppAnnouncement = (props) => {
-  if (props.newUser !== null &&
-    window.mailpoet_is_new_user !== props.newUser
-  ) {
-    return null;
-  }
+class InAppAnnouncement extends React.Component {
+  render() {
+    if (this.props.newUser !== null &&
+      window.mailpoet_is_new_user !== this.props.newUser
+    ) {
+      return null;
+    }
 
-  if (props.validUntil < (new Date().getTime() / 1000)) {
-    return null;
-  }
+    if (this.props.validUntil < (new Date().getTime() / 1000)) {
+      return null;
+    }
 
-  return (
-    <InAppAnnouncementDot
-      className={props.className}
-      width={props.width}
-      height={props.height}
-    >
-      {props.children}
-    </InAppAnnouncementDot>);
-};
+    return (
+      <InAppAnnouncementDot
+        className={this.props.className}
+        width={this.props.width}
+        height={this.props.height}
+      >
+        {this.props.children}
+      </InAppAnnouncementDot>
+    );
+  }
+}
 
 InAppAnnouncement.propTypes = {
   width: React.PropTypes.string,