algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-15 02:33:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

[offers][style] fix offer card style (#469)

Browse Source 
* [offers][style] fix offer card style

* [offers][style] fix OEA offer card style
This commit is contained in:
Zhang Ziqing
2022-10-31 11:12:57 +08:00
committed by GitHub
parent 8fdea6b5bc
commit 85fd874769
2 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/portal/src/components/offers/offerAnalysis/OfferProfileCard.tsx
View File

@ -70,7 +70,7 @@ export default function OfferProfileCard({
<p>
Company: {company.name}, {location}
</p>
<p>Level: {level}</p>
{level && <p>Level: {level}</p>}
</div>
<div className="col-span-1 row-span-3">
<p className="text-end">{formatDate(monthYearReceived)}</p>

30
apps/portal/src/components/offers/profile/OfferCard.tsx
View File

@ -36,12 +36,14 @@ export default function OfferCard({
<div className="flex justify-between px-8">
<div className="flex flex-col">
<div className="flex flex-row">
<BuildingOffice2Icon className="mr-1 h-5" />
<span>
<BuildingOffice2Icon className="mr-3 h-5" />
</span>
<span className="font-bold">
{location ? `${companyName}, ${location}` : companyName}
</span>
</div>
<div className="ml-6 flex flex-row">
<div className="ml-8 flex flex-row">
<p>
{jobLevel ? `${jobTitle}, ${jobLevel}` : jobTitle}{' '}
{jobType && `(${JobTypeLabel[jobType]})`}
@ -79,15 +81,19 @@ export default function OfferCard({
<div className="flex flex-col py-2">
{(totalCompensation || monthlySalary) && (
<div className="flex flex-row">
<CurrencyDollarIcon className="mr-1 h-5" />
<p>
{totalCompensation && `TC: ${totalCompensation}`}
{monthlySalary && `Monthly Salary: ${monthlySalary}`}
</p>
<span>
<CurrencyDollarIcon className="mr-3 h-5" />
</span>
<span>
<p>
{totalCompensation && `TC: ${totalCompensation}`}
{monthlySalary && `Monthly Salary: ${monthlySalary}`}
</p>
</span>
</div>
)}
{totalCompensation && (
<div className="ml-6 flex flex-row font-light">
<div className="ml-8 flex flex-row font-light">
<p>
Base / year: {base} ⋅ Stocks / year: {stocks} ⋅ Bonus / year:{' '}
{bonus}
@ -98,7 +104,9 @@ export default function OfferCard({
{negotiationStrategy && (
<div className="flex flex-col py-2">
<div className="flex flex-row">
<ScaleIcon className="h-5 w-5" />
<span>
<ScaleIcon className="h-5 w-5" />
</span>
<span className="overflow-wrap ml-2">
"{negotiationStrategy}"
</span>
@ -108,7 +116,9 @@ export default function OfferCard({
{otherComment && (
<div className="flex flex-col py-2">
<div className="flex flex-row">
<ChatBubbleBottomCenterTextIcon className="h-5 w-5" />
<span>
<ChatBubbleBottomCenterTextIcon className="h-5 w-5" />
</span>
<span className="overflow-wrap ml-2">"{otherComment}"</span>
</div>
</div>