%PDF-
%PDF-
Mini Shell
Mini Shell
import{j as e,L as b,r as n,F as C,u as N,e as k,J as B,C as F}from"./index-5492fbe1.js";import{s as A}from"./styled-components.browser.esm-ee37ee23.js";import{C as I}from"./JobAvatar-8acabbf6.js";import{h as z}from"./moment-a9aaa855.js";import{M as D}from"./index-2496c884.js";import{A as H}from"./index.esm-c5b2c2cb.js";import{B as t}from"./Box-263f925f.js";import{G as x}from"./Grid-edacc4c9.js";import"./tslib.es6-ace8e431.js";import"./Modal-01a2ce69.js";import"./useTheme-0dfa0cbc.js";import"./useForkRef-ff55d5c8.js";import"./TransitionGroupContext-29effe25.js";import"./setPrototypeOf-0bb37fbe.js";import"./useSlotProps-b42d44e4.js";import"./iconBase-4b2ba95c.js";const L=A.div`
position: relative;
min-height: 80vh;
.pageContain {
padding-left: 1.94rem !important;
padding-top: 3.19rem;
padding-right: 3.25rem;
padding-bottom: 15rem;
}
.Page-Title {
color: var(--Secondary, #537473);
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: normal;
padding-bottom: 1.75rem;
}
.CompanyLogo {
width: 8.19rem;
height: 8.19rem;
border-radius: 100%;
}
.Text-subhead {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.6875rem;
}
.CompanyName {
color: var(--Grey-2, #C5C5C5);
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1rem;
letter-spacing: -0.0375rem;
margin-bottom: .25rem
}
.JobTitle {
color: var(--dark-icon, #121212);
font-size: 1.25rem;
font-style: normal;
font-weight: 600;
line-height: 1rem;
letter-spacing: -0.045rem;
}
.JobDesc {
text-align: justify;
line-height: 1.34375rem;
letter-spacing: -0.04rem;
margin-bottom: 1.2rem;
font-size: 1.125rem;
}
.iconContain {
width: 2.025rem;
height: 2.025rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
border: 1px solid var(--Grey1, #828282);
}
.backBtn {
width: 19.8125rem;
height: 3.0625rem;
border-radius: 0.5rem;
background: #EFF0F6;
color: var(--dark-icon, #121212);
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.proceedBtn {
width: 19.8125rem;
height: 3.0625rem;
border-radius: 0.5rem;
background: var(--Primary, #A8CF45);
color: #FFF;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.InfoHeader {
color: var(--Grey-2, #C5C5C5);
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1rem;
letter-spacing: -0.05rem;
margin-bottom: .94rem;
}
`,l={padding:".62rem",borderRadius:"0.9375rem",background:"#E0E0E0",fontSize:".85rem",fontWeight:500,lineHeight:"1rem",color:"#333"},S=({isOpen:o,handleIsOpen:i,email:r})=>e.jsx(D,{isOpen:o,handleIsOpen:i,children:e.jsxs("div",{className:"bg-white max-w-[424px] w-full text-center p-5 space-y-5 rounded-xl",children:[e.jsxs("div",{className:"flex gap-x-20 items-center ",children:[e.jsx("button",{className:"!bg-transparent !p-0",onClick:i,children:e.jsx(H,{})}),e.jsx("header",{className:"font-bold text-[#537473]",children:"Apply For Job"})]}),e.jsxs("div",{children:["To apply, kindly send your CV to ",e.jsx(b,{to:`mailto:${r}`,children:r})," using the job title as email subject"]})]})}),Q=()=>{var c,d,p,h;const[o,i]=n.useState(!1),[r,g]=n.useState({}),{id:f}=C(),j=N(),[u,m]=n.useState();n.useEffect(()=>{y()},[]);const y=async()=>{i(!0),await k.get(B+`/${f}`).then(s=>{var a;i(!1),g((a=s==null?void 0:s.data)==null?void 0:a.data)}).catch(()=>{})};return console.log(r.email),e.jsxs(L,{children:[o?e.jsx(t,{sx:{width:"100%",minHeight:"60vh",display:"flex",justifyContent:"center",alignItems:"center"},children:e.jsx(F,{size:30})}):e.jsx("div",{className:"pageContain",children:e.jsx(x,{container:!0,spacing:!0,children:e.jsxs(x,{item:!0,md:10,children:[e.jsxs(t,{sx:{display:"flex",gap:"2.13rem",alignItems:"center",marginBottom:"1.94rem"},children:[e.jsx("img",{src:I,alt:"company logo",className:"CompanyLogo"}),e.jsxs(t,{children:[e.jsx("p",{className:"CompanyName",children:r==null?void 0:r.company}),e.jsxs("p",{className:"JobTitle",children:[r==null?void 0:r.title," "]}),e.jsxs(t,{sx:{display:"flex",gap:".94rem",marginTop:"1.56rem"},children:[e.jsx(t,{sx:l,children:(c=r.employmentType)==null?void 0:c.replaceAll("_"," ")}),e.jsx(t,{sx:l,children:(d=r.type)==null?void 0:d.replaceAll("_"," ")}),r.salary&&e.jsxs(t,{sx:l,children:["₦",r.salary," per month"]})]})]})]}),e.jsxs(t,{sx:{marginBottom:"1.56rem"},children:[e.jsx("p",{className:"InfoHeader",children:"Description"}),e.jsx("p",{className:"JobDesc",children:r==null?void 0:r.description})]}),e.jsxs(t,{sx:{marginBottom:"1.56rem"},children:[e.jsx("p",{className:"InfoHeader",children:"Qualifications"}),e.jsx("ul",{children:(p=r==null?void 0:r.qualifications)==null?void 0:p.map((s,a)=>e.jsx("li",{className:"JobDesc",children:s},a))})]}),e.jsxs(t,{sx:{marginBottom:"1.56rem"},children:[e.jsx("p",{className:"InfoHeader",children:"Responsibilities"}),e.jsx("ul",{children:(h=r==null?void 0:r.responsibilites)==null?void 0:h.map((s,a)=>e.jsx("li",{className:"JobDesc",children:s},a))})]}),e.jsxs(t,{sx:{marginBottom:"1.56rem"},children:[e.jsx("p",{className:"InfoHeader",children:"Application Deadline"}),e.jsx("p",{className:"JobDesc",children:z(r==null?void 0:r.deadline).format("DD/MM/YYYY")})]}),e.jsxs(t,{sx:{marginBottom:"1.56rem"},children:[e.jsx("p",{className:"InfoHeader",children:"Job Poster"}),e.jsx("p",{className:"JobDesc",children:r==null?void 0:r.email})]})]})})}),e.jsxs(t,{sx:{background:"#FFF",height:"7.13rem",boxShadow:"8px 0px 18px 0px rgba(173, 173, 173, 0.25)",position:"absolute",width:"100%",bottom:0,display:"flex",justifyContent:"space-between",alignItems:"center",paddingLeft:"4.44rem",paddingRight:"2.56rem"},children:[e.jsx("button",{className:"backBtn",onClick:()=>j(-1),children:"Cancel"}),e.jsx("button",{className:"proceedBtn",onClick:()=>m(!0),children:"Apply"})]}),e.jsx(S,{email:r==null?void 0:r.email,isOpen:u,handleIsOpen:()=>m(!1)})]})};export{Q as default};
Zerion Mini Shell 1.0