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] change tabs

Browse Source
This commit is contained in:
Keane Chan
2022-10-28 21:31:29 +08:00
parent 774acae664
commit d7548460e6
3 changed files with 27 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/portal/src/components/resumes/browse/ResumeListItem.tsx
View File

@ -32,18 +32,18 @@ type Props = Readonly<{
export default function ResumeListItem({ href, resumeInfo }: Props) { export default function ResumeListItem({ href, resumeInfo }: Props) {
return ( return (
<Link href={href}> <Link href={href}>
<div <div className="grid grid-cols-8">
className={clsx(
resumeInfo.isResolved ? 'opacity-50' : '',
'grid grid-cols-8',
)}>
<div className="col-span-7 grid gap-4 border-b border-slate-200 p-4 hover:bg-slate-100 sm:grid-cols-7"> <div className="col-span-7 grid gap-4 border-b border-slate-200 p-4 hover:bg-slate-100 sm:grid-cols-7">
<div className="sm:col-span-4"> <div className="sm:col-span-4">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<p>{resumeInfo.title}</p> {resumeInfo.title}
{/* <p className="rounded-xl border border-slate-400 p-1 text-xs text-slate-500"> <p
className={clsx(
'w-auto items-center space-x-4 rounded-xl border border-slate-300 px-2 py-1 text-xs font-medium text-white opacity-70',
resumeInfo.isResolved ? 'bg-slate-400' : 'bg-success-500',
)}>
{resumeInfo.isResolved ? 'Reviewed' : 'Unreviewed'} {resumeInfo.isResolved ? 'Reviewed' : 'Unreviewed'}
</p> */} </p>
</div> </div>
<div className="text-primary-500 mt-2 flex items-center justify-start text-xs"> <div className="text-primary-500 mt-2 flex items-center justify-start text-xs">
<div className="flex"> <div className="flex">

4
apps/portal/src/pages/resumes/[resumeId].tsx
View File

@ -214,7 +214,7 @@ export default function ResumeReviewPage() {
</Head> </Head>
<main className="h-full flex-1 space-y-2 overflow-y-auto py-4 px-8 xl:px-12 2xl:pr-16"> <main className="h-full flex-1 space-y-2 overflow-y-auto py-4 px-8 xl:px-12 2xl:pr-16">
<div className="flex justify-between"> <div className="flex justify-between">
<h1 className="pr-2 text-2xl font-semibold leading-7 text-slate-900 sm:truncate sm:text-3xl sm:tracking-tight"> <h1 className="w-[60%] pr-2 text-2xl font-semibold leading-7 text-slate-900">
{detailsQuery.data.title} {detailsQuery.data.title}
</h1> </h1>
<div className="flex gap-3 xl:pr-4"> <div className="flex gap-3 xl:pr-4">
@ -258,7 +258,6 @@ export default function ResumeReviewPage() {
disabled={starMutation.isLoading || unstarMutation.isLoading} disabled={starMutation.isLoading || unstarMutation.isLoading}
type="button" type="button"
onClick={onStarButtonClick}> onClick={onStarButtonClick}>
<span className="relative inline-flex">
<div className="-ml-1 mr-2 h-5 w-5"> <div className="-ml-1 mr-2 h-5 w-5">
{starMutation.isLoading || {starMutation.isLoading ||
unstarMutation.isLoading || unstarMutation.isLoading ||
@ -276,7 +275,6 @@ export default function ResumeReviewPage() {
)} )}
</div> </div>
{detailsQuery.data?.stars.length ? 'Starred' : 'Star'} {detailsQuery.data?.stars.length ? 'Starred' : 'Star'}
</span>
<span className="relative -ml-px inline-flex"> <span className="relative -ml-px inline-flex">
{detailsQuery.data?._count.stars} {detailsQuery.data?._count.stars}
</span> </span>

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

@ -92,7 +92,7 @@ const getEmptyDataText = (
} }
switch (tabsValue) { switch (tabsValue) {
case BROWSE_TABS_VALUES.ALL: case BROWSE_TABS_VALUES.ALL:
return 'Looks like SWEs are feeling lucky!'; return "There's nothing to see here...";
case BROWSE_TABS_VALUES.STARRED: case BROWSE_TABS_VALUES.STARRED:
return 'You have not starred any resumes. Star one to see it here!'; return 'You have not starred any resumes. Star one to see it here!';
case BROWSE_TABS_VALUES.MY: case BROWSE_TABS_VALUES.MY: