auto selecting currency if user has only one wallet

src/views/ManageActiveJobs.jsx

@@ -1,9 +1,12 @@
-import React, { useEffect, useState } from "react";
+import React, { lazy, Suspense, useEffect, useState } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import ActiveJobs from "../components/MyActiveJobs/ActiveJobs";
-import ActiveJobsMedia from "../components/MyActiveJobs/ActiveJobsMedia";
+// import ActiveJobsMedia from "../components/MyActiveJobs/ActiveJobsMedia";
 import usersService from "../services/UsersService";
 import { useSelector } from "react-redux";
+import LoadingSpinner from "../components/Spinners/LoadingSpinner";
+
+const ActiveJobsMedia = lazy(() => import("../components/MyActiveJobs/ActiveJobsMedia"));
 
 /**
  * This code defines a React functional component called `ManageActiveJobs`.
@@ -65,11 +68,13 @@ function ManageActiveJobs() {
   return (
     <>
     {details.job_type == 'MEDIA' ?
-    <ActiveJobsMedia
-      details={state}
-      activeJobMesList={activeJobMesList}
-      reloadActiveJobList={setActiveJobMesListReload}
-    />
+    <Suspense fallback={<Fallback />}>
+      <ActiveJobsMedia
+        details={state}
+        activeJobMesList={activeJobMesList}
+        reloadActiveJobList={setActiveJobMesListReload}
+      />
+    </Suspense>
     : details.job_type == 'TASK' ?
     <ActiveJobs 
       details={state}
@@ -84,3 +89,11 @@ function ManageActiveJobs() {
 }
 
 export default ManageActiveJobs;
+
+let Fallback = () => {
+  return (
+    <div className="w-full flex justify-center items-center">
+      <LoadingSpinner size='20' color='skyblue' height='h-screen' />
+    </div>
+  )
+}