src/_digifi/helpers/crud-helper/consts.ts

@@ -7,6 +7,7 @@ const QUERIES = {
   APPROVED_LIST: 'approved-list',
   REJECTED_LIST: 'rejected-list',
   CUSTOMERS_LIST: 'customers-list',
+  ADMIN_USERS_LIST: 'admin-users-list',
   EMPLOYERS_LIST: 'employers-list',
   SIGNATORY_LIST: 'signatory-list',
 }

src/app/App.tsx

@@ -1,5 +1,5 @@
-import {Suspense} from 'react'
-import {Outlet} from 'react-router-dom'
+import {Suspense, useEffect} from 'react'
+import {Outlet, useLocation} from 'react-router-dom'
 import {I18nProvider} from '../_digifi/i18n/i18nProvider'
 import {LayoutProvider, LayoutSplashScreen} from '../_digifi/layout/core'
 import {MasterInit} from '../_digifi/layout/MasterInit'
@@ -8,6 +8,10 @@ import {ThemeModeProvider} from '../_digifi/partials'
 import { CustomModalProvider } from '../context/CustomModal'
 
 const App = () => {
+  const {pathname}= useLocation()
+  useEffect(()=>{
+    window.scrollTo(0,0)
+  },[pathname])
   return (
     <Suspense fallback={<LayoutSplashScreen />}>
       <I18nProvider>

src/app/modules/apps/user-management/users-list/core/QueryResponseProvider.tsx

@@ -11,7 +11,7 @@ import {
   stringifyRequestQuery,
   WithChildren,
 } from '../../../../../../_digifi/helpers'
-import {getCustomerList} from './_requests'
+import {getAdminUserList} from './_requests'
 import {User} from './_models'
 import {useQueryRequest} from './QueryRequestProvider'
 
@@ -32,9 +32,9 @@ const QueryResponseProvider: FC<WithChildren> = ({children}) => {
     refetch,
     data: response,
   } = useQuery(
-    `${QUERIES.CUSTOMERS_LIST}-${query}`,
+    `${QUERIES.ADMIN_USERS_LIST}-${query}`,
     () => {
-      return getCustomerList(query)
+      return getAdminUserList(query)
     },
     {cacheTime: 0, keepPreviousData: true, refetchOnWindowFocus: false}
   )

src/app/modules/apps/user-management/users-list/core/_models.ts

@@ -30,6 +30,7 @@ export type User = {
   added?: string
   updated?: string
   bvn?: string
+  username?: string
 }
 
 export type UsersQueryResponse = Response<Array<User>>

src/app/modules/apps/user-management/users-list/core/_requests.ts

@@ -19,6 +19,12 @@ const getCustomerList = (query: string): Promise<UsersQueryResponse> => { // FUN
     .then((d: AxiosResponse<UsersQueryResponse>) => d.data);
 };
 
+const getAdminUserList = (query: string): Promise<UsersQueryResponse> => { // FUNCTION TO GET USERS THAT HAVE STARTED LOAN APPLICATION
+  return axios
+    .get(`${NEW_USER_ENDPOINT}/users`)
+    .then((d: AxiosResponse<UsersQueryResponse>) => d.data);
+};
+
 const getUserById = (id: ID): Promise<User | undefined> => {
   return axios
     .get(`${USER_URL}/${id}`)
@@ -54,6 +60,7 @@ export {
   deleteUser,
   deleteSelectedUsers,
   getUserById,
+  getAdminUserList,
   createUser,
   updateUser,
 };

src/app/modules/apps/user-management/users-list/table/columns/_columns.tsx

@@ -20,17 +20,6 @@ const usersColumns: ReadonlyArray<Column<User>> = [
     id: 'firstname',
     Cell: ({...props}) => <UserInfoCell user={props.data[props.row.index]} />,
   },
-  {
-    Header: (props) => <UserCustomHeader tableProps={props} title='BVN' className='min-w-125px' />,
-    accessor: 'bvn',
-  },
-  // {
-  //   Header: (props) => (
-  //     <UserCustomHeader tableProps={props} title='Payment Terms' className='min-w-125px' />
-  //   ),
-  //   id: 'payment_month',
-  //   Cell: ({...props}) => <PaymentMonthCell payment_month={props.data[props.row.index].payment_month} />,
-  // },
   {
     Header: (props) => (
       <UserCustomHeader tableProps={props} title='Status' className='min-w-125px' />

src/app/modules/auth/AuthLayout.tsx

@@ -16,70 +16,39 @@ const AuthLayout = () => {
   }, []);
 
   return (
-    <div className="d-flex flex-column flex-lg-row flex-column-fluid h-100">
+    <div className="d-flex flex-column flex-lg-row flex-column-fluid h-100vh" 
+      style={{backgroundImage: 'url(../../../../public/media/auth/digifi_bko_home.jpg)', backgroundRepeat: 'none', backgroundSize: 'cover'}}
+    >
       {/* begin::Body */}
-      <div className="d-flex flex-column flex-lg-row-fluid w-lg-50 p-10 order-2 order-lg-1">
+      <div className="flex flex-column align-items-center w-lg-50 p-10">
         {/* begin::Form */}
-        <div className="d-flex flex-center flex-column flex-lg-row-fluid">
+        <div 
+          // className="d-flex flex-center flex-column flex-lg-row-fluid"
+          className="d-flex h-100 align-items-center"
+        >
           {/* begin::Wrapper */}
-          <div className="w-lg-500px p-10">
+          <div className="w-lg-500px p-10 bg-white shadow-sm">
+            {/* begin::Title */}
+            <h1 className="text-black fs-2qx fw-bolder text-center mb-7">
+                {/* begin::Logo */}
+                <Link to="/" className="mb-12">
+                  <img
+                    alt="Logo"
+                    src={toAbsoluteUrl("media/logos/custom-1.png")}
+                    className="h-75px"
+                  />
+                </Link>
+                {/* end::Logo */} 
+                BackOffice
+            </h1>
+            {/* end::Title */}
             <Outlet />
           </div>
           {/* end::Wrapper */}
         </div>
         {/* end::Form */}
-
-        {/* begin::Footer */}
-        <div className="d-flex flex-center flex-wrap px-5">
-          {/* begin::Links */}
-          <div className="d-flex fw-semibold text-primary fs-base">
-            <a href="#" className="px-5" target="_blank">
-              Terms
-            </a>
-
-            <a href="#" className="px-5" target="_blank">
-              Contact Us
-            </a>
-          </div>
-          {/* end::Links */}
-        </div>
-        {/* end::Footer */}
       </div>
       {/* end::Body */}
-
-      {/* begin::Aside */}
-      <div
-        className="d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2"
-      >
-        {/* begin::Content */}
-        <div className="d-flex flex-column flex-center py-15 px-5 px-md-15 w-100">
-          {/* begin::Logo */}
-          <Link to="/" className="mb-12">
-            <img
-              alt="Logo"
-              src={toAbsoluteUrl("media/logos/custom-1.png")}
-              className="h-75px"
-            />
-          </Link>
-          {/* end::Logo */}
-
-          {/* begin::Image */}
-          <img
-            className="mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20"
-            src={toAbsoluteUrl("media/misc/agents-auth-screens.png")}
-            alt=""
-          />
-          {/* end::Image */}
-
-          {/* begin::Title */}
-          <h1 className="text-black fs-2qx fw-bolder text-center mb-7">
-            digiFi BackOffice
-          </h1>
-          {/* end::Title */}
-        </div>
-        {/* end::Content */}
-      </div>
-      {/* end::Aside */}
     </div>
   );
 };