chore: convert files to TS (#2066)

2 files changed, 12 insertions, 15 deletions

diff --git a/src/components/ui/Modal/index.js b/src/components/ui/Modal/index.tsx
index c4e47748a..0bb0aaa61 100644
--- a/src/components/ui/Modal/index.js
+++ b/src/components/ui/Modal/index.tsx
@@ -1,6 +1,5 @@
-import { Component } from 'react';
+import { Component, ReactChildren } from 'react';
 import ReactModal from 'react-modal';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import injectCSS from 'react-jss';
 import { Icon } from '@meetfranz/ui';
@@ -8,21 +7,19 @@ import { Icon } from '@meetfranz/ui';
 import { mdiClose } from '@mdi/js';
 import styles from './styles';
 
-// ReactModal.setAppElement('#root');
+type Props = {
+  children: ReactChildren;
+  className: string;
+  classes: any;
+  isOpen: boolean;
+  portal: string;
+  close: () => void;
+  shouldCloseOnOverlayClick: boolean;
+  showClose: boolean;
+};
 
 @injectCSS(styles)
-class Modal extends Component {
-  static propTypes = {
-    children: PropTypes.node.isRequired,
-    className: PropTypes.string,
-    classes: PropTypes.object.isRequired,
-    isOpen: PropTypes.bool.isRequired,
-    portal: PropTypes.string,
-    close: PropTypes.func.isRequired,
-    shouldCloseOnOverlayClick: PropTypes.bool,
-    showClose: PropTypes.bool,
-  };
-
+class Modal extends Component<Props> {
   static defaultProps = {
     className: null,
     portal: 'modal-portal',
diff --git a/src/components/ui/Modal/styles.js b/src/components/ui/Modal/styles.ts
index f32c075ce..f32c075ce 100644
--- a/src/components/ui/Modal/styles.js
+++ b/src/components/ui/Modal/styles.ts