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

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

1 files changed, 5 insertions, 5 deletions

diff --git a/src/containers/auth/AuthLayoutContainer.tsx b/src/containers/auth/AuthLayoutContainer.tsx
index 6fc6713f1..6a1fed0d7 100644
--- a/src/containers/auth/AuthLayoutContainer.tsx
+++ b/src/containers/auth/AuthLayoutContainer.tsx
@@ -2,14 +2,15 @@ import { Component, ReactElement } from 'react';
 import { inject, observer } from 'mobx-react';
 import { ThemeProvider } from 'react-jss';
 import { Outlet } from 'react-router-dom';
-
 import { StoresProps } from '../../@types/ferdium-components.types';
 import AuthLayout from '../../components/auth/AuthLayout';
 import AppLoader from '../../components/ui/AppLoader';
 
-interface AuthLayoutContainerProps extends StoresProps {}
+interface IProps extends StoresProps {}
 
-class AuthLayoutContainer extends Component<AuthLayoutContainerProps> {
+@inject('stores', 'actions')
+@observer
+class AuthLayoutContainer extends Component<IProps> {
   render(): ReactElement {
     const { stores, actions } = this.props;
     const { app, features, globalError, user } = stores;
@@ -39,7 +40,6 @@ class AuthLayoutContainer extends Component<AuthLayoutContainerProps> {
       <ThemeProvider theme={stores.ui.theme}>
         <AuthLayout
           error={globalError.response}
-          pathname={stores.router.location.pathname}
           isOnline={app.isOnline}
           isAPIHealthy={!app.healthCheckRequest.isError}
           retryHealthCheck={actions.app.healthCheck}
@@ -58,4 +58,4 @@ class AuthLayoutContainer extends Component<AuthLayoutContainerProps> {
   }
 }
 
-export default inject('stores', 'actions')(observer(AuthLayoutContainer));
+export default AuthLayoutContainer;