|
|
@ -34,28 +34,28 @@ export default function OfferTableRow({
|
|
|
|
}: OfferTableRowProps) {
|
|
|
|
}: OfferTableRowProps) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<tr key={id} className="divide-x divide-slate-200 border-b bg-white">
|
|
|
|
<tr key={id} className="divide-x divide-slate-200 border-b bg-white">
|
|
|
|
<td className="space-y-0.5 py-4 px-4" scope="row">
|
|
|
|
<td className="space-y-0.5 py-2 px-4" scope="row">
|
|
|
|
<div className="font-medium">{company.name}</div>
|
|
|
|
<div className="font-medium">{company.name}</div>
|
|
|
|
<div className="text-xs text-slate-500">
|
|
|
|
<div className="text-xs text-slate-500">
|
|
|
|
{location.cityName} ({location.countryCode})
|
|
|
|
{location.cityName} ({location.countryCode})
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td className="py-4 px-4">
|
|
|
|
<td className="py-2 px-4">
|
|
|
|
{getLabelForJobTitleType(title as JobTitleType)}
|
|
|
|
{getLabelForJobTitleType(title as JobTitleType)}
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
<td className="py-4 px-4">{totalYoe}</td>
|
|
|
|
<td className="py-2 px-4">{totalYoe}</td>
|
|
|
|
<td className="py-4 px-4">{convertMoneyToString(income)}</td>
|
|
|
|
<td className="py-2 px-4">{convertMoneyToString(income)}</td>
|
|
|
|
{jobType === JobType.FULLTIME && (
|
|
|
|
{jobType === JobType.FULLTIME && (
|
|
|
|
<td className="py-4 px-4">
|
|
|
|
<td className="py-2 px-4">
|
|
|
|
{`${convertMoneyToString(baseSalary)} / ${convertMoneyToString(
|
|
|
|
{`${convertMoneyToString(baseSalary)} / ${convertMoneyToString(
|
|
|
|
bonus,
|
|
|
|
bonus,
|
|
|
|
)} / ${convertMoneyToString(stocks)}`}
|
|
|
|
)} / ${convertMoneyToString(stocks)}`}
|
|
|
|
</td>
|
|
|
|
</td>
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
<td className="py-4 px-4">{formatDate(monthYearReceived)}</td>
|
|
|
|
<td className="py-2 px-4">{formatDate(monthYearReceived)}</td>
|
|
|
|
<td
|
|
|
|
<td
|
|
|
|
className={clsx(
|
|
|
|
className={clsx(
|
|
|
|
'sticky right-0 bg-white px-4 py-4 drop-shadow lg:drop-shadow-none',
|
|
|
|
'sticky right-0 bg-white px-4 py-2 drop-shadow lg:drop-shadow-none',
|
|
|
|
)}>
|
|
|
|
)}>
|
|
|
|
<Link
|
|
|
|
<Link
|
|
|
|
className="text-primary-600 dark:text-primary-500 font-medium hover:underline"
|
|
|
|
className="text-primary-600 dark:text-primary-500 font-medium hover:underline"
|
|
|
|