Transform 'AuthLayoutContainer' component hierarchy to tsx (#699)

Co-authored-by: Muhamed <>
Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

1 files changed, 3 insertions, 7 deletions

diff --git a/src/components/ui/icon/index.tsx b/src/components/ui/icon/index.tsx
index 7e13b98c7..5b432a194 100644
--- a/src/components/ui/icon/index.tsx
+++ b/src/components/ui/icon/index.tsx
@@ -1,6 +1,6 @@
 import MdiIcon from '@mdi/react';
 import classnames from 'classnames';
-import { Component } from 'react';
+import { Component, ReactElement } from 'react';
 import injectStyle, { WithStylesProps } from 'react-jss';
 
 import { Theme } from '../../../themes';
@@ -18,12 +18,8 @@ const styles = (theme: Theme) => ({
 });
 
 class IconComponent extends Component<IProps> {
-  public static defaultProps = {
-    size: 1,
-  };
-
-  render() {
-    const { classes, icon, size, className } = this.props;
+  render(): ReactElement {
+    const { classes, icon, size = 1, className } = this.props;
 
     if (!icon) {
       console.warn('No Icon specified');