ilia/Jobber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

allowing hiding away tailoring editor

Browse Source
This commit is contained in:
DaKheera47 2026-01-06 23:08:11 +00:00
parent cd5ec25c3b
commit c474bf204b
2 changed files with 28 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
orchestrator/src/client/components/JobList.tsx
View File

@ -3,7 +3,7 @@
*/
import React, { useEffect, useMemo, useState } from "react";
import { ArrowUpDown, Filter, LayoutGrid, Search, Table2, X } from "lucide-react";
import { ArrowUpDown, Filter, LayoutGrid, Search, Sparkles, Table2, X } from "lucide-react";
import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";
import { toast } from "sonner";
@ -22,6 +22,12 @@ import {
} from "@/components/ui/dropdown-menu";
import { Input } from "@/components/ui/input";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion";
import { cn } from "@/lib/utils";
import type { Job, JobStatus, JobSource } from "../../shared/types";
import { JobCard } from "./JobCard";
@ -411,7 +417,19 @@ export const JobList: React.FC<JobListProps> = ({
onHighlightChange={setHighlightedJobId}
/>
<TailoringEditor job={highlightedJob} onUpdate={onUpdate} />
<Accordion type="single" collapsible className="w-full">
<AccordionItem value="tailoring" className="border-none">
<AccordionTrigger className="flex h-12 w-full items-center justify-between rounded-lg border bg-card px-4 py-0 hover:bg-muted/50 hover:no-underline">
<div className="flex items-center gap-2 font-semibold">
<Sparkles className="h-4 w-4 text-primary" />
Resume Tailoring
</div>
</AccordionTrigger>
<AccordionContent className="pt-4 pb-0">
<TailoringEditor job={highlightedJob} onUpdate={onUpdate} />
</AccordionContent>
</AccordionItem>
</Accordion>
<Card>
<CardHeader className="space-y-1">

15
orchestrator/src/client/components/TailoringEditor.tsx
View File

@ -99,9 +99,9 @@ export const TailoringEditor: React.FC<TailoringEditorProps> = ({ job, onUpdate
const tooManyProjects = selectedIds.size > maxProjects;
return (
<Card className="border-primary/20">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-lg font-bold">Tailoring Editor</CardTitle>
<div className="space-y-4">
<div className="flex flex-row items-center justify-between space-y-0 pb-2">
<h3 className="text-sm font-semibold text-muted-foreground">Editor</h3>
<div className="flex gap-2">
<Button
size="sm"
@ -121,8 +121,9 @@ export const TailoringEditor: React.FC<TailoringEditorProps> = ({ job, onUpdate
Generate PDF
</Button>
</div>
</CardHeader>
<CardContent className="space-y-4">
</div>
<div className="space-y-4 rounded-lg border bg-card p-4 shadow-sm">
<div className="space-y-2">
<label className="text-sm font-medium">Tailored Summary</label>
<textarea
@ -175,7 +176,7 @@ export const TailoringEditor: React.FC<TailoringEditorProps> = ({ job, onUpdate
Save Selection
</Button>
</div>
</CardContent>
</Card>
</div>
</div>
);
};