initial commit

.env

@@ -2,7 +2,7 @@ PUBLIC_URL=http://localhost:3000/
 PORT=3000
 PRIMARY_APP_API_URL=https://preview.keenthemes.com/metronic8/laravel/api
 REACT_APP_BASE_LAYOUT_CONFIG_KEY='metronic-react-demo1-8150'
-REACT_APP_API_URL=https://preview.keenthemes.com/metronic8/laravel/api
+REACT_APP_API_URL=https://float-gat.dev.chiefsoft.net/en/userweb/api/v1
 REACT_APP_VERSION=v8.1.5
 REACT_APP_THEME_NAME=WrenchBoard
 REACT_APP_THEME_DEMO=dashboard

src/_res/assets/sass/layout/_auth.scss

@@ -1,4 +1,4 @@
 
-.auth-height {
+.auth-gray {
-	min-height: 100vh;
+	background-color: $gray-200;
 }

src/app/modules/auth/AuthLayout.tsx

@@ -54,9 +54,9 @@ const AuthLayout = () => {
   }, [])
 
   return (
-    <div className='auth-height d-flex flex-column flex-lg-row flex-column-fluid' style={{backgroundImage: `${bgColor.backgroundImage}`}}>
+    <div className='d-flex flex-column flex-lg-row flex-column-fluid overflow-auto' style={{backgroundImage: `${bgColor.backgroundImage}`}}>
       {/* begin::Body */}
-      <div className='d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1'>
+      <div className='d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1 vh-100'>
         {/* begin::Form */}
         <div className='d-flex flex-center flex-column flex-lg-row-fluid'>
           <div className='text-center mb-11'>
@@ -64,7 +64,7 @@ const AuthLayout = () => {
           <img alt='Float Mobility' src={toAbsoluteUrl('/media/logos/logo.png')} className='h-35px' />
         </div>
           {/* begin::Wrapper */}
-          <div className='bg-white w-lg-500px p-10 shadow-lg rounded'>
+          <div className='auth-gray w-lg-500px p-10 shadow-lg rounded-sm'>
             <Outlet />
           </div>
           {/* end::Wrapper */}
@@ -99,6 +99,59 @@ const AuthLayout = () => {
       </div>
       {/* end::Body */}
 
+      {/* begin::Aside */}
+      <div
+        className='position-relative d-flex flex-lg-row-fluid w-lg-50 p-10 order-1 order-lg-2'
+      >
+        {/* begin::Content */}
+        <div className='position-relative d-flex flex-column flex-center px-5 px-md-15 w-100'>
+          {/* begin::Logo */}
+          {/* <Link to='/' className='mb-12'>
+            <img alt='Float Mobility' src={toAbsoluteUrl('/media/logos/logo.png')} className='h-35px' />
+          </Link> */}
+          {/* end::Logo */}
+
+          {/* <img
+            className='mx-auto w-350px w-md-50 w-xl-500px mb-10 mb-lg-20 rounded'
+            src={toAbsoluteUrl('/media/misc/auth-bg-new.png')}
+            alt=''
+            style={{boxShadow: '0px 0px 10px white'}}
+          /> */}
+           <div className='mx-auto w-75 w-xl-500px mb-10 mb-lg-20 rounded'>
+            <img
+              className='img-fluid rounded'
+              src={toAbsoluteUrl('/media/misc/auth-bg-new.png')}
+              alt=''
+              // style={{boxShadow: '0px 0px 10px white'}}
+              />
+          </div>
+          {/* end::Image */}
+            <div className='w-100 w-md-75'>
+              {/* begin::Title */}
+              <h1 className='text-dark fs-2qx fw-bolder text-center mb-7'>
+                Fast, Efficient and Productive
+              </h1>
+              {/* end::Title */}
+
+              {/* begin::Text */}
+              {/* <div className='text-dark fs-base text-center'>
+                In this kind of post,{' '}
+                <a href='#' className='opacity-75-hover text-warning fw-bold me-1'>
+                  the blogger
+                </a>
+                introduces a person they’ve interviewed <br /> and provides some background information
+                about {' '}
+                <a href='#' className='opacity-75-hover text-warning fw-bold me-1'>
+                  the interviewee
+                </a>
+                and their <br /> work following this is a transcript of the interview.
+              </div> */}
+              {/* end::Text */}
+            </div>
+        </div>
+        {/* end::Content */}
+      </div>
+      {/* end::Aside */}
     </div>
   )
 }

src/app/modules/auth/core/_requests.ts

@@ -1,7 +1,7 @@
 import axios from 'axios'
 import {AuthModel, UserModel} from './_models'
 
-const API_URL = process.env.REACT_APP_API_URL
+const API_URL = process?.env.REACT_APP_API_URL
 
 export const GET_USER_BY_ACCESSTOKEN_URL = `${API_URL}/verify_token`
 export const LOGIN_URL = `${API_URL}/login`