amiirkhl/tabdeal-job-queue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): fix styles in Job related pages

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-06-21 09:55:05 +03:30
parent 1616493655
commit 6bb42001bc
3 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/layout/AppLayout.tsx
View File

@@ -26,7 +26,6 @@ export function AppLayout() {
function handleThemeToggle() { function handleThemeToggle() {
toggleTheme(); toggleTheme();
toast.success(theme === "dark" ? "Light mode enabled." : "Dark mode enabled.");
} }
return ( return (

8
frontend/src/pages/JobDetailPage.tsx
View File

@@ -117,11 +117,11 @@ export function JobDetailPage() {
{job.attempts}/{job.max_attempts} {job.attempts}/{job.max_attempts}
</strong> </strong>
</div> </div>
<div className="stat-card">
<span>Locked by</span>
<code className="code-token wrap">{job.locked_by ?? "-"}</code>
</div>
</section> </section>
<div className="stat-card">
<span>Locked by</span>
<code className="code-token wrap">{job.locked_by ?? "-"}</code>
</div>
<section className="detail-grid"> <section className="detail-grid">
<section className="panel"> <section className="panel">

8
frontend/src/pages/JobsPage.tsx
View File

@@ -68,7 +68,7 @@ export function JobsPage() {
const [createOpen, setCreateOpen] = useState(false); const [createOpen, setCreateOpen] = useState(false);
const [statusFilter, setStatusFilter] = useState<JobStatus | "all">("all"); const [statusFilter, setStatusFilter] = useState<JobStatus | "all">("all");
const [typeFilter, setTypeFilter] = useState(""); const [typeFilter, setTypeFilter] = useState("");
const [pageSize, setPageSize] = useState(10); const [pageSize, setPageSize] = useState(25);
const [currentPage, setCurrentPage] = useState(1); const [currentPage, setCurrentPage] = useState(1);
const [jobType, setJobType] = useState("demo.success"); const [jobType, setJobType] = useState("demo.success");
const [payload, setPayload] = useState(JSON.stringify(demoPayload("demo.success"), null, 2)); const [payload, setPayload] = useState(JSON.stringify(demoPayload("demo.success"), null, 2));
@@ -254,6 +254,7 @@ export function JobsPage() {
{createOpen && ( {createOpen && (
<Modal title="Create Job" onClose={() => setCreateOpen(false)}> <Modal title="Create Job" onClose={() => setCreateOpen(false)}>
<form className="modal-form" onSubmit={createJob}> <form className="modal-form" onSubmit={createJob}>
<label>Quick Create</label>
<div className="preset-grid"> <div className="preset-grid">
<button className="secondary-button" type="button" onClick={() => setType("demo.success")}> <button className="secondary-button" type="button" onClick={() => setType("demo.success")}>
Success Success
@@ -270,7 +271,7 @@ export function JobsPage() {
<button className="secondary-button" type="button" onClick={() => setType("demo.flaky")}> <button className="secondary-button" type="button" onClick={() => setType("demo.flaky")}>
Flaky Retry Flaky Retry
</button> </button>
<button className="secondary-button" type="button" onClick={() => void createBatch()}> <button className="primary-button" type="button" onClick={() => void createBatch()}>
<RotateCcw size={16} /> 10 Mixed <RotateCcw size={16} /> 10 Mixed
</button> </button>
</div> </div>
@@ -293,9 +294,6 @@ export function JobsPage() {
<input value={idempotencyKey} onChange={(event) => setIdempotencyKey(event.target.value)} /> <input value={idempotencyKey} onChange={(event) => setIdempotencyKey(event.target.value)} />
</label> </label>
<div className="modal-actions"> <div className="modal-actions">
<button className="secondary-button" type="button" onClick={() => void createDemo(jobType, priority, maxAttempts)}>
Quick Create
</button>
<button className="secondary-button" type="button" onClick={() => setCreateOpen(false)}> <button className="secondary-button" type="button" onClick={() => setCreateOpen(false)}>
Cancel Cancel
</button> </button>