Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 victorAnumudu
|
8db2316a30 |
@@ -34,8 +34,6 @@ export default function ManageInterestOffer(props) {
|
|||||||
|
|
||||||
const [messageList, setMessageList] = useState({loading: true, data: []}) // TO BE REMOVED AND REPLACE WITH REAL MESSAGE FROM API CALL
|
const [messageList, setMessageList] = useState({loading: true, data: []}) // TO BE REMOVED AND REPLACE WITH REAL MESSAGE FROM API CALL
|
||||||
|
|
||||||
const [interestStats, setInterestStats] = useState({loading: true, data: []}) // STATE TO HOLD INTEREST STATS
|
|
||||||
|
|
||||||
const [selectTab, setValue] = useState("today");
|
const [selectTab, setValue] = useState("today");
|
||||||
const filterHandler = (value) => {
|
const filterHandler = (value) => {
|
||||||
setValue(value);
|
setValue(value);
|
||||||
@@ -130,20 +128,6 @@ export default function ManageInterestOffer(props) {
|
|||||||
console.log('Failed', err)
|
console.log('Failed', err)
|
||||||
})
|
})
|
||||||
},[messageListReload])
|
},[messageListReload])
|
||||||
|
|
||||||
useEffect(()=>{ //API to get Interest stats
|
|
||||||
let reqData = { // API PAYLOADS
|
|
||||||
interest_uid: props?.offerDetails?.interest_uid,
|
|
||||||
client_uid: props?.offerDetails?.client_uid
|
|
||||||
}
|
|
||||||
setInterestStats(prev => ({...prev, loading: true}))
|
|
||||||
apiCall.interestStatistics(reqData).then(res=>{
|
|
||||||
setInterestStats({loading: false, data:res?.data})
|
|
||||||
}).catch(err => {
|
|
||||||
setInterestStats(prev => ({...prev, loading: false}))
|
|
||||||
console.log('Failed', err)
|
|
||||||
})
|
|
||||||
},[])
|
|
||||||
return (
|
return (
|
||||||
<Layout>
|
<Layout>
|
||||||
<CommonHead
|
<CommonHead
|
||||||
@@ -241,44 +225,30 @@ export default function ManageInterestOffer(props) {
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<>
|
<div className="my-3 flex items-center gap-1">
|
||||||
{interestStats.loading ?
|
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Jobs completed</span>
|
||||||
<LoadingSpinner color='sky-blue' size='10' height='min-h-[40px]' />
|
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{props.offerDetails?.client_jobs_completed ? props.offerDetails?.client_jobs_completed :0}</span>
|
||||||
:
|
</div>
|
||||||
<>
|
<div className="my-0 md:my-3 block md:flex items-center gap-10">
|
||||||
<div className="my-0 md:my-3 block md:flex items-center gap-10">
|
<div className="my-3 md:my-0 flex items-center gap-1">
|
||||||
<div className='my-3 md:my-0 flex items-center gap-1'>
|
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Jobs active</span>
|
||||||
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Jobs completed</span>
|
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{props.offerDetails?.client_jobs_active ? props.offerDetails?.client_jobs_active:0}</span>
|
||||||
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{interestStats.data?.job_completed && interestStats.data?.job_completed}</span>
|
</div>
|
||||||
</div>
|
<div className="my-3 md:my-0 flex items-center gap-1">
|
||||||
<div className="my-3 md:my-0 flex items-center gap-1">
|
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Jobs uncompleted</span>
|
||||||
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Last Job completed</span>
|
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{props.offerDetails?.client_jobs_missed ? props.offerDetails?.client_jobs_missed:0}</span>
|
||||||
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{interestStats.data?.job_last_date && interestStats.data?.job_last_date}</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div className="block md:flex items-center gap-10">
|
||||||
<div className="my-0 md:my-3 block md:flex items-center gap-10">
|
<div className="my-3 md:my-0 flex items-center gap-1">
|
||||||
<div className="my-3 md:my-0 flex items-center gap-1">
|
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">% completion</span>
|
||||||
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Jobs active</span>
|
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{props.offerDetails?.client_percent_completion ? props.offerDetails?.client_percent_completion:0}</span>
|
||||||
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{interestStats.data?.job_active && interestStats.data?.job_active}</span>
|
</div>
|
||||||
</div>
|
<div className="flex items-center gap-1">
|
||||||
<div className="my-3 md:my-0 flex items-center gap-1">
|
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Pending Offers</span>
|
||||||
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Jobs uncompleted</span>
|
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{props.offerDetails?.client_offers_pending ? props.offerDetails?.client_offers_pending:0}</span>
|
||||||
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{interestStats.data?.job_uncompleted && interestStats.data?.job_uncompleted}</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div className="block md:flex items-center gap-10">
|
|
||||||
<div className="my-3 md:my-0 flex items-center gap-1">
|
|
||||||
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">% completion</span>
|
|
||||||
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{interestStats.data?.job_percent_complete && interestStats.data?.job_percent_complete}</span>
|
|
||||||
</div>
|
|
||||||
<div className="flex items-center gap-1">
|
|
||||||
<span className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Pending Offers</span>
|
|
||||||
<span className="min-w-[100px] text-sm font-bold text-dark-gray dark:text-white tracking-wide">{interestStats.data?.job_pending && interestStats.data?.job_pending}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
}
|
|
||||||
</>
|
|
||||||
</div>
|
</div>
|
||||||
: tab == 'message' ?
|
: tab == 'message' ?
|
||||||
<div className="message-details w-full border-t">
|
<div className="message-details w-full border-t">
|
||||||
|
|||||||
@@ -203,7 +203,7 @@ export default function Settings({ faq }) {
|
|||||||
</div>
|
</div>
|
||||||
<div className="content-body w-full lg:flex lg:px-10 px-4">
|
<div className="content-body w-full lg:flex lg:px-10 px-4">
|
||||||
<div className="content-tab-items lg:w-[230px] w-full mr-2">
|
<div className="content-tab-items lg:w-[230px] w-full mr-2">
|
||||||
<ul className="overflow-hidden mb-10 lg:mb-0">
|
<ul className="overflow-hidden mb-10 lg:mb-0 flex flex-col sm:block lg:flex-col">
|
||||||
{tabs.map(({ name, id, title, iconName }) => (
|
{tabs.map(({ name, id, title, iconName }) => (
|
||||||
<li
|
<li
|
||||||
onClick={() => tabHandler(name)}
|
onClick={() => tabHandler(name)}
|
||||||
|
|||||||
@@ -188,8 +188,6 @@ export const apiConst = {
|
|||||||
WRENCHBOARD_JOB_JOBGROUPADD: 13046,
|
WRENCHBOARD_JOB_JOBGROUPADD: 13046,
|
||||||
WRENCHBOARD_JOB_REPORT: 13047,
|
WRENCHBOARD_JOB_REPORT: 13047,
|
||||||
|
|
||||||
WRENCHBOARD_INTEREST_STATS: 13048,
|
|
||||||
|
|
||||||
WRENCHBOARD_GROUP_START: 12000,
|
WRENCHBOARD_GROUP_START: 12000,
|
||||||
WRENCHBOARD_GROUP_CREATEGROUP: 12010,
|
WRENCHBOARD_GROUP_CREATEGROUP: 12010,
|
||||||
WRENCHBOARD_GROUP_INVITEGROUP: 12015,
|
WRENCHBOARD_GROUP_INVITEGROUP: 12015,
|
||||||
|
|||||||
@@ -1112,18 +1112,6 @@ class usersService {
|
|||||||
return this.postAuxEnd("/offerinterestlistmsg", postData);
|
return this.postAuxEnd("/offerinterestlistmsg", postData);
|
||||||
}
|
}
|
||||||
|
|
||||||
// END POINT TO GET INTEREST STATS
|
|
||||||
interestStatistics(reqData) {
|
|
||||||
var postData = {
|
|
||||||
uid: localStorage.getItem("uid"),
|
|
||||||
member_id: localStorage.getItem("member_id"),
|
|
||||||
sessionid: localStorage.getItem("session_token"),
|
|
||||||
action: apiConst.WRENCHBOARD_INTEREST_STATS,
|
|
||||||
...reqData,
|
|
||||||
};
|
|
||||||
return this.postAuxEnd("/intereststats", postData);
|
|
||||||
}
|
|
||||||
|
|
||||||
// TO ADD FAMILY
|
// TO ADD FAMILY
|
||||||
addFamily(reqData) {
|
addFamily(reqData) {
|
||||||
var postData = {
|
var postData = {
|
||||||
|
|||||||
Reference in New Issue
Block a user