hpkoh
3 years ago
commit
59d9218a27
@ -1,40 +0,0 @@
|
|||||||
import { useState } from 'react';
|
|
||||||
|
|
||||||
import ResumeCommentsForm from './ResumeCommentsForm';
|
|
||||||
import ResumeCommentsList from './ResumeCommentsList';
|
|
||||||
|
|
||||||
type CommentsSectionProps = {
|
|
||||||
resumeId: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function ResumeCommentsSection({
|
|
||||||
resumeId,
|
|
||||||
}: CommentsSectionProps) {
|
|
||||||
const [showCommentsForm, setShowCommentsForm] = useState(false);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className="relative p-2 lg:hidden">
|
|
||||||
<div aria-hidden="true" className="absolute inset-0 flex items-center">
|
|
||||||
<div className="w-full border-t border-gray-300" />
|
|
||||||
</div>
|
|
||||||
<div className="relative flex justify-center">
|
|
||||||
<span className="bg-gray-50 px-3 text-lg font-medium text-gray-900">
|
|
||||||
Reviews
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{showCommentsForm ? (
|
|
||||||
<ResumeCommentsForm
|
|
||||||
resumeId={resumeId}
|
|
||||||
setShowCommentsForm={setShowCommentsForm}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
<ResumeCommentsList
|
|
||||||
resumeId={resumeId}
|
|
||||||
setShowCommentsForm={setShowCommentsForm}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 652 KiB After Width: | Height: | Size: 586 KiB |
|
Before Width: | Height: | Size: 1006 KiB After Width: | Height: | Size: 909 KiB |
|
Before Width: | Height: | Size: 437 KiB After Width: | Height: | Size: 396 KiB |
@ -0,0 +1,31 @@
|
|||||||
|
export const JobTitleLabels = {
|
||||||
|
'ai-ml-engineer': 'AI/ML Engineer',
|
||||||
|
'algorithms-engineer': 'Algorithms Engineer',
|
||||||
|
'android-engineer': 'Android Software Engineer',
|
||||||
|
'applications-engineer': 'Applications Engineer',
|
||||||
|
'back-end-engineer': 'Back End Engineer',
|
||||||
|
'business-engineer': 'Business Engineer',
|
||||||
|
'data-engineer': 'Data Engineer',
|
||||||
|
'devops-engineer': 'DevOps Engineer',
|
||||||
|
'enterprise-engineer': 'Enterprise Engineer',
|
||||||
|
'front-end-engineer': 'Front End Engineer',
|
||||||
|
'hardware-engineer': 'Hardware Engineer',
|
||||||
|
'ios-engineer': 'iOS Software Engineer',
|
||||||
|
'mobile-engineer': 'Mobile Software Engineer (iOS + Android)',
|
||||||
|
'networks-engineer': 'Networks Engineer',
|
||||||
|
'partner-engineer': 'Partner Engineer',
|
||||||
|
'production-engineer': 'Production Engineer',
|
||||||
|
'research-engineer': 'Research Engineer',
|
||||||
|
'sales-engineer': 'Sales Engineer',
|
||||||
|
'security-engineer': 'Security Engineer',
|
||||||
|
'site-reliability-engineer': 'Site Reliability Engineer (SRE)',
|
||||||
|
'software-engineer': 'Software Engineer',
|
||||||
|
'systems-engineer': 'Systems Engineer',
|
||||||
|
'test-engineer': 'QA/Test Engineer (SDET)',
|
||||||
|
};
|
||||||
|
|
||||||
|
export type JobTitleType = keyof typeof JobTitleLabels;
|
||||||
|
|
||||||
|
export function getLabelForJobTitleType(jobTitle: JobTitleType): string {
|
||||||
|
return JobTitleLabels[jobTitle];
|
||||||
|
}
|
||||||
@ -0,0 +1,48 @@
|
|||||||
|
import { useState } from 'react';
|
||||||
|
import type { TypeaheadOption } from '@tih/ui';
|
||||||
|
import { Typeahead } from '@tih/ui';
|
||||||
|
|
||||||
|
import { JobTitleLabels } from './JobTitles';
|
||||||
|
|
||||||
|
type Props = Readonly<{
|
||||||
|
disabled?: boolean;
|
||||||
|
isLabelHidden?: boolean;
|
||||||
|
onSelect: (option: TypeaheadOption) => void;
|
||||||
|
placeHolder?: string;
|
||||||
|
required?: boolean;
|
||||||
|
}>;
|
||||||
|
|
||||||
|
export default function JobTitlesTypeahead({
|
||||||
|
disabled,
|
||||||
|
onSelect,
|
||||||
|
isLabelHidden,
|
||||||
|
placeHolder,
|
||||||
|
required,
|
||||||
|
}: Props) {
|
||||||
|
const [query, setQuery] = useState('');
|
||||||
|
const options = Object.entries(JobTitleLabels)
|
||||||
|
.map(([slug, label]) => ({
|
||||||
|
id: slug,
|
||||||
|
label,
|
||||||
|
value: slug,
|
||||||
|
}))
|
||||||
|
.filter(
|
||||||
|
({ label }) =>
|
||||||
|
label.toLocaleLowerCase().indexOf(query.toLocaleLowerCase()) > -1,
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Typeahead
|
||||||
|
disabled={disabled}
|
||||||
|
isLabelHidden={isLabelHidden}
|
||||||
|
label="Job Title"
|
||||||
|
noResultsMessage="No available job titles."
|
||||||
|
nullable={true}
|
||||||
|
options={options}
|
||||||
|
placeholder={placeHolder}
|
||||||
|
required={required}
|
||||||
|
onQueryChange={setQuery}
|
||||||
|
onSelect={onSelect}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
Loading…
Reference in new issue