{"$schema":"https:\/\/ui.particle.academy\/schema\/registry-item.json","name":"employer-job-list","type":"registry:ui","title":"EmployerJobList","description":"An employer's own postings and their draft \/ published \/ closed status.","package":"job-board","dependencies":["@particle-academy\/react-fancy"],"registryDependencies":["format","types"],"files":[{"path":"components\/fancy\/employer-job-list\/EmployerJobList.tsx","content":"import { Badge, Button, Card, Heading, Text } from '@particle-academy\/react-fancy';\r\nimport { formatLocation, formatPay, postingStatusColor } from '..\/format';\r\nimport type { JobPosting } from '..\/types';\r\n\r\nexport interface EmployerJobListProps {\r\n postings: JobPosting[];\r\n onEdit?: (posting: JobPosting) => void;\r\n onPublish?: (posting: JobPosting) => void;\r\n onUnpublish?: (posting: JobPosting) => void;\r\n onClose?: (posting: JobPosting) => void;\r\n onViewApplicants?: (posting: JobPosting) => void;\r\n onCreate?: () => void;\r\n \/** Publishing is gated by the host; false renders the reason instead. *\/\r\n canPublish?: boolean;\r\n publishBlockedReason?: string;\r\n \/**\r\n * Label for the publish action, per posting. Hosts that charge per listing\r\n * or meter it against a plan use this to say so up front \u2014 \"Publish \u2014 $49\"\r\n * beats a bare \"Publish\" that silently opens a checkout.\r\n *\/\r\n publishLabel?: (posting: JobPosting) => string;\r\n \/** Slug of the posting currently mid-action, to show a spinner on its row. *\/\r\n busyId?: number | null;\r\n className?: string;\r\n}\r\n\r\n\/**\r\n * The employer's own postings, in every status, with the actions that move\r\n * them between statuses.\r\n *\/\r\nexport function EmployerJobList({\r\n postings,\r\n onEdit,\r\n onPublish,\r\n onUnpublish,\r\n onClose,\r\n onViewApplicants,\r\n onCreate,\r\n canPublish = true,\r\n publishBlockedReason,\r\n publishLabel,\r\n busyId = null,\r\n className,\r\n}: EmployerJobListProps) {\r\n if (postings.length === 0) {\r\n return (\r\n \r\n \r\n No postings yet\r\n <\/Heading>\r\n \r\n Create your first job posting to start receiving applications.\r\n <\/Text>\r\n {onCreate && (\r\n
\r\n \r\n New posting\r\n <\/Button>\r\n <\/div>\r\n )}\r\n <\/Card>\r\n );\r\n }\r\n\r\n return (\r\n
\r\n {postings.map((posting) => {\r\n const busy = busyId === posting.id;\r\n const pay = formatPay(posting);\r\n const location = formatLocation(posting);\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n {posting.status_label}\r\n <\/Badge>\r\n {posting.employment_type_label && (\r\n \r\n {posting.employment_type_label}\r\n <\/Text>\r\n )}\r\n <\/div>\r\n\r\n \r\n {posting.title}\r\n <\/Heading>\r\n\r\n \r\n {[location, pay].filter(Boolean).join(' \u00b7 ') || 'No location or pay set'}\r\n <\/Text>\r\n <\/div>\r\n\r\n
\r\n \r\n {posting.applications_count}\r\n <\/Text>\r\n \r\n {posting.applications_count === 1 ? 'applicant' : 'applicants'}\r\n <\/Text>\r\n <\/div>\r\n <\/div>\r\n\r\n
\r\n {onViewApplicants && posting.applications_count > 0 && (\r\n onViewApplicants(posting)}\r\n className=\"!bg-brand hover:!bg-primary-600 !text-white !font-semibold !px-4 !py-2 !rounded-md\"\r\n >\r\n View applicants\r\n <\/Button>\r\n )}\r\n\r\n {onEdit && (\r\n onEdit(posting)}\r\n className=\"!text-secondary-700 hover:!text-brand\"\r\n >\r\n Edit\r\n <\/Button>\r\n )}\r\n\r\n {posting.status !== 'published' && onPublish && (\r\n canPublish ? (\r\n onPublish(posting)}\r\n className=\"!text-secondary-700 hover:!text-brand\"\r\n >\r\n {publishLabel?.(posting) ?? 'Publish'}\r\n <\/Button>\r\n ) : (\r\n \r\n {publishBlockedReason ?? 'Publishing locked until approved'}\r\n <\/Text>\r\n )\r\n )}\r\n\r\n {posting.status === 'published' && onUnpublish && (\r\n onUnpublish(posting)}\r\n className=\"!text-secondary-700 hover:!text-brand\"\r\n >\r\n Unpublish\r\n <\/Button>\r\n )}\r\n\r\n {posting.status !== 'closed' && onClose && (\r\n onClose(posting)}\r\n className=\"!text-secondary-700 hover:!text-brand\"\r\n >\r\n Close\r\n <\/Button>\r\n )}\r\n <\/div>\r\n <\/Card>\r\n );\r\n })}\r\n <\/div>\r\n );\r\n}\r\n","type":"registry:ui","target":"components\/fancy\/employer-job-list\/EmployerJobList.tsx"}]}