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

[resumes][feat] update filter count colour

Browse Source
This commit is contained in:
Keane Chan
2022-10-30 10:18:29 +08:00
parent 6746f54792
commit 0614a7ecf4
1 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
apps/portal/src/pages/resumes/index.tsx
View File

@ -427,12 +427,9 @@ export default function ResumeHomePage() {
{filter.options.map((option) => (
<div
key={option.value}
className="[&>div>div:nth-child(1)>input]:text-primary-600 [&>div>div:nth-child(1)>input]:ring-primary-500 [&>div>div:nth-child(2)>label]:font-normal">
className="[&>div>div:nth-child(1)>input]:text-primary-600 [&>div>div:nth-child(1)>input]:ring-primary-500 flex items-center px-1 text-sm [&>div>div:nth-child(2)>label]:font-normal">
<CheckboxInput
label={`${option.label} (${getFilterCount(
filter.label,
option.label,
)})`}
label={option.label}
value={userFilters[filter.id].includes(
option.value,
)}
@ -444,6 +441,14 @@ export default function ResumeHomePage() {
)
}
/>
<span className="ml-1 text-slate-500">
(
{getFilterCount(
filter.label,
option.label,
)}
)
</span>
</div>
))}
</div>
@ -527,12 +532,9 @@ export default function ResumeHomePage() {
{filter.options.map((option) => (
<div
key={option.value}
className="[&>div>div:nth-child(1)>input]:text-primary-600 [&>div>div:nth-child(1)>input]:ring-primary-500 px-1 [&>div>div:nth-child(2)>label]:font-normal">
className="[&>div>div:nth-child(1)>input]:text-primary-600 [&>div>div:nth-child(1)>input]:ring-primary-500 flex items-center px-1 text-sm [&>div>div:nth-child(2)>label]:font-normal">
<CheckboxInput
label={`${option.label} (${getFilterCount(
filter.label,
option.label,
)})`}
label={option.label}
value={userFilters[filter.id].includes(
option.value,
)}
@ -544,6 +546,9 @@ export default function ResumeHomePage() {
)
}
/>
<span className="ml-1 text-slate-500">
({getFilterCount(filter.label, option.label)})
</span>
</div>
))}
</CheckboxList>