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) => ( {filter.options.map((option) => (
<div <div
key={option.value} 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 <CheckboxInput
label={`${option.label} (${getFilterCount( label={option.label}
filter.label,
option.label,
)})`}
value={userFilters[filter.id].includes( value={userFilters[filter.id].includes(
option.value, 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>
))} ))}
</div> </div>
@ -527,12 +532,9 @@ export default function ResumeHomePage() {
{filter.options.map((option) => ( {filter.options.map((option) => (
<div <div
key={option.value} 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 <CheckboxInput
label={`${option.label} (${getFilterCount( label={option.label}
filter.label,
option.label,
)})`}
value={userFilters[filter.id].includes( value={userFilters[filter.id].includes(
option.value, option.value,
)} )}
@ -544,6 +546,9 @@ export default function ResumeHomePage() {
) )
} }
/> />
<span className="ml-1 text-slate-500">
({getFilterCount(filter.label, option.label)})
</span>
</div> </div>
))} ))}
</CheckboxList> </CheckboxList>