From 83f3729e37eb6ab031e0093b5a0d2364be6b9b6b Mon Sep 17 00:00:00 2001
From: Amine Ben hammou <amine@mailpoet.com>
Date: Wed, 26 Feb 2020 15:16:42 +0100
Subject: [PATCH] Refactor APIErrorsNotice to Typescript

[MAILPOET-2658]
---
 .../src/newsletters/listings/queue_status.jsx   |  2 +-
 ..._errors_notice.jsx => api_errors_notice.tsx} | 17 ++++++++++-------
 2 files changed, 11 insertions(+), 8 deletions(-)
 rename assets/js/src/notices/{api_errors_notice.jsx => api_errors_notice.tsx} (60%)

diff --git a/assets/js/src/newsletters/listings/queue_status.jsx b/assets/js/src/newsletters/listings/queue_status.jsx
index 6ac38106c3..69c0f34708 100644
--- a/assets/js/src/newsletters/listings/queue_status.jsx
+++ b/assets/js/src/newsletters/listings/queue_status.jsx
@@ -3,7 +3,7 @@ import MailPoet from 'mailpoet';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { Link } from 'react-router-dom';
-import APIErrorsNotice from 'notices/api_errors_notice.jsx';
+import APIErrorsNotice from 'notices/api_errors_notice.tsx';
 
 const QueuePropType = PropTypes.shape({
   status: PropTypes.string,
diff --git a/assets/js/src/notices/api_errors_notice.jsx b/assets/js/src/notices/api_errors_notice.tsx
similarity index 60%
rename from assets/js/src/notices/api_errors_notice.jsx
rename to assets/js/src/notices/api_errors_notice.tsx
index f014a28e17..036d609353 100644
--- a/assets/js/src/notices/api_errors_notice.jsx
+++ b/assets/js/src/notices/api_errors_notice.tsx
@@ -1,15 +1,18 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { FC } from 'react';
+import PropTypes, { InferProps } from 'prop-types';
 import Notice from 'notices/notice.tsx';
 
-const APIErrorsNotice = ({ errors }) => {
-  if (errors.length < 1) return null;
-  return <Notice type="error" closable={false}>{errors.map((err) => <p key={err.message}>{err.message}</p>)}</Notice>;
-};
-APIErrorsNotice.propTypes = {
+const propTypes = {
   errors: PropTypes.arrayOf(PropTypes.shape({
     message: PropTypes.string.isRequired,
   })).isRequired,
 };
 
+const APIErrorsNotice: FC<InferProps<typeof propTypes>> = ({ errors }) => {
+  if (errors.length < 1) return null;
+  return <Notice type="error" closable={false}>{errors.map((err) => <p key={err.message}>{err.message}</p>)}</Notice>;
+};
+
+APIErrorsNotice.propTypes = propTypes;
+
 export default APIErrorsNotice;