+
diff --git a/Apply-For-Me-UI/src/components/nav/Nav.jsx b/Apply-For-Me-UI/src/components/nav/Nav.jsx
index dd17242b..7bcd34c7 100644
--- a/Apply-For-Me-UI/src/components/nav/Nav.jsx
+++ b/Apply-For-Me-UI/src/components/nav/Nav.jsx
@@ -9,7 +9,7 @@ import LightButton from "../buttons/light_button/LightButton";
import { useDispatch, useSelector } from "react-redux";
import { userInfo } from "store/slice/UserSlice";
-const Nav = () => {
+const Nav = ({setSeeMore}) => {
const initState = {
"about": false,
"price": false,
@@ -67,7 +67,7 @@ const Nav = () => {
-
+ setSeeMore(false)}>
Pricing plan
@@ -165,7 +165,7 @@ const Nav = () => {
navigate("/about")}>
About us
- navigate("/pricing")}>
+ { setSeeMore(false); navigate("/pricing") }}>
Pricing plan
navigate("/faqs")}>
diff --git a/Apply-For-Me-UI/src/components/spinner/MoonLoader.jsx b/Apply-For-Me-UI/src/components/spinner/MoonLoader.jsx
new file mode 100644
index 00000000..1adf05d2
--- /dev/null
+++ b/Apply-For-Me-UI/src/components/spinner/MoonLoader.jsx
@@ -0,0 +1,24 @@
+import React from "react";
+import { useState } from "react";
+import MoonLoader from "react-spinners/MoonLoader";
+import classes from "./Spinner.module.css";
+const Spinner = () => {
+ let [color] = useState("#2E3192");
+
+ return (
+
+
+ );
+};
+
+export default Spinner;
diff --git a/Apply-For-Me-UI/src/components/spinner/MoonLoader.module.css b/Apply-For-Me-UI/src/components/spinner/MoonLoader.module.css
new file mode 100644
index 00000000..c383e654
--- /dev/null
+++ b/Apply-For-Me-UI/src/components/spinner/MoonLoader.module.css
@@ -0,0 +1,19 @@
+.spinner_container {
+ position: fixed;
+ left: 0%;
+ right: 0%;
+ opacity: 0.9;
+ bottom: 0%;
+ z-index: 1000000;
+ height: 100vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: gray;
+}
+
+.spinner_inner {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
\ No newline at end of file
diff --git a/Apply-For-Me-UI/src/components/spinner/PulseLoader.jsx b/Apply-For-Me-UI/src/components/spinner/PulseLoader.jsx
index c14fd667..b390d42d 100644
--- a/Apply-For-Me-UI/src/components/spinner/PulseLoader.jsx
+++ b/Apply-For-Me-UI/src/components/spinner/PulseLoader.jsx
@@ -1,13 +1,13 @@
import React from "react";
import { useState } from "react";
-import PulseLoader from "react-spinners/PulseLoader";
+import BarLoader from "react-spinners/BarLoader";
import classes from "./Spinner.module.css";
const Spinner = () => {
let [color] = useState("#2E3192");
return (
+
+
+ +
verifying payment...
+
- {
let [color] = useState("#2E3192");
return (
-
Job Information
-
+
+
diff --git a/Apply-For-Me-UI/src/pages/admin_dashboard/components/applicant_details/ApplicantDetails.module.css b/Apply-For-Me-UI/src/pages/admin_dashboard/components/applicant_details/ApplicantDetails.module.css
index 5272f531..aa283dc6 100644
--- a/Apply-For-Me-UI/src/pages/admin_dashboard/components/applicant_details/ApplicantDetails.module.css
+++ b/Apply-For-Me-UI/src/pages/admin_dashboard/components/applicant_details/ApplicantDetails.module.css
@@ -85,6 +85,7 @@
.job_information>div {
display: flex;
+
flex-flow: row wrap;
gap: 35px;
}
@@ -128,6 +129,8 @@
.job_information>div {
gap: 27px;
+ width: 100%;
+ justify-content: space-between;
}
}
@@ -157,7 +160,10 @@
}
.job_information>div {
- justify-content: space-between;
+ width: 100%;
+ display: flex;
+ align-items: left;
+ justify-content: flex-start;
}
.job_information h2 {
diff --git a/Apply-For-Me-UI/src/pages/admin_dashboard/components/application_list/ApplicationList.jsx b/Apply-For-Me-UI/src/pages/admin_dashboard/components/application_list/ApplicationList.jsx
index d42d937a..e0926da1 100644
--- a/Apply-For-Me-UI/src/pages/admin_dashboard/components/application_list/ApplicationList.jsx
+++ b/Apply-For-Me-UI/src/pages/admin_dashboard/components/application_list/ApplicationList.jsx
@@ -1,92 +1,93 @@
import classes from "../../../RR_Dashboard/styles/Applications.module.css";
import { useEffect, useState } from "react";
import { Link } from "react-router-dom";
-import axios from 'axios';
+import '../../../RR_Dashboard/styles/Applications.module.css';
+import axios from "axios";
import { useCallback } from "react";
-
+import Spinner from "components/spinner/Spinner";
const ApplicationList = () => {
const [listArray, setListArray] = useState();
+ const [isLoading, setIsLoading] = useState(true);
+
const token = localStorage.getItem("tokenHngKey");
- const getApplicationDetail = useCallback( async () => {
- try {
- const response = await axios.get(
- "https://api.applyforme.hng.tech/api/v1/professional-profile/entries/all",
- {
- headers: {
- "Authorization": `Bearer ${token}`
- }
- }
- );
- setListArray(response.data.content);
- } catch (err) {
- console.log(err.response?.data);
- }
- },[token]);
- useEffect(() => {
- getApplicationDetail ();
- }, [ getApplicationDetail]);
+ const getApplicationDetail = useCallback(async () => {
+ try {
+ const response = await axios.get(
+ "https://api.applyforme.hng.tech/api/v1/professional-profile/entries/all",
+ {
+ headers: {
+ "Authorization": `Bearer ${token}`
+ }
+ }
+ );
+ setListArray(response.data.content);
+ setIsLoading(false);
+ } catch (err) {
+ console.log(err.response?.data);
+ }
+ }, [token]);
+ useEffect(() => {
+ getApplicationDetail();
+ }, [getApplicationDetail]);
+
+ if (isLoading) {
+ return
Name
{details?.profileTitle}
@@ -97,8 +97,8 @@ const ApplicationDetails = () => {{details?.jobSeniority}
-
Experience
-{details?.yearsOfExperience}
+Industry
+Tech
Salary Expectation
@@ -108,6 +108,10 @@ const ApplicationDetails = () => {Employment Type
{details?.employmentType}
+
Remaining Aplication
+52
+
- {/* Heading Row */}
-
);
};
diff --git a/Apply-For-Me-UI/src/pages/admin_dashboard/components/dashboard_home/DashboardHome.jsx b/Apply-For-Me-UI/src/pages/admin_dashboard/components/dashboard_home/DashboardHome.jsx
index 20fe2b79..20dc46bd 100644
--- a/Apply-For-Me-UI/src/pages/admin_dashboard/components/dashboard_home/DashboardHome.jsx
+++ b/Apply-For-Me-UI/src/pages/admin_dashboard/components/dashboard_home/DashboardHome.jsx
@@ -45,7 +45,7 @@ const DashboardHome = () => {
{/* Greetings */}
-
-
- - Name - -
- - Salary - -
- - Type - -
- - Details - -
-
-
- - {entry.profileTitle} - -
- - {entry.salaryRange} - -
- - {entry.preferredJobLocationType} - -
-
-
- view
+ ++ {listArray?.length !== 0 ? ( + listArray?.map((entry, i) => { + return ( +
Name
+UserPlan
+Job Title
+Salary
+Type
+Details
+++ ); + }) + ) : ( ++++ + {entry.professional.member.firstName } + + + {entry.professional.member.lastName } + ++Basic Plan+{entry.profileTitle}+{entry.salaryRange}+{entry.preferredJobLocationType}++ + view - - - ); - }) - ):+No applications have being made
- } ++ No applications have being made +
+ )}
Good evening Admin, 👋🏼
-Here is how you are fairing today
+How are you fairing today
@@ -79,7 +79,7 @@ const DashboardHome = () => {