cesnimda
32d16089f1
The routed job workspace owns analysis, correspondence, timeline, and interview flows. Remove the unreachable duplicate dialog and keep coverage on the live components and route contracts.
59 lines
2.9 KiB
TypeScript
59 lines
2.9 KiB
TypeScript
import React from "react";
|
|
import { Box, Button, TextField, Typography } from "@mui/material";
|
|
|
|
import { useI18n } from "../i18n/I18nProvider";
|
|
|
|
function copyLines(items: string[]) {
|
|
void navigator.clipboard.writeText(items.join("\n"));
|
|
}
|
|
|
|
export function TwoColumnSection({ leftTitle, leftItems, rightTitle, rightItems }: { leftTitle: string; leftItems: string[]; rightTitle: string; rightItems: string[] }) {
|
|
return (
|
|
<Box sx={{ display: "grid", gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" }, gap: 2 }}>
|
|
<ListCard title={leftTitle} items={leftItems} />
|
|
<ListCard title={rightTitle} items={rightItems} />
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
export function ListCard({ title, items, subtitle }: { title: string; items: string[]; subtitle?: string }) {
|
|
const { t } = useI18n();
|
|
|
|
return (
|
|
<Box sx={{ p: 1.5, borderRadius: 3, boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)", backgroundColor: "background.default" }}>
|
|
<Box sx={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: 1, flexWrap: "wrap", mb: 1 }}>
|
|
<Box>
|
|
<Typography variant="overline">{title}</Typography>
|
|
{subtitle ? <Typography variant="caption" sx={{ display: "block", color: "text.secondary" }}>{subtitle}</Typography> : null}
|
|
</Box>
|
|
<Button size="small" variant="outlined" onClick={() => copyLines(items)}>{t("jobDetailsCopy")}</Button>
|
|
</Box>
|
|
<Box sx={{ display: "flex", flexDirection: "column", gap: 0.75 }}>
|
|
{items.length ? items.map((item, index) => <Typography key={`${title}-${index}-${item}`} sx={{ color: "text.primary" }}>• {item}</Typography>) : <Typography sx={{ color: "text.secondary" }}>{t("jobDetailsNothingHighlighted")}</Typography>}
|
|
</Box>
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
export function DraftCard({ title, content, onSave, saving }: { title: string; content: string; onSave?: (content: string) => Promise<void> | void; saving?: boolean }) {
|
|
const { t } = useI18n();
|
|
const [value, setValue] = React.useState(content);
|
|
|
|
React.useEffect(() => {
|
|
setValue(content);
|
|
}, [content]);
|
|
|
|
return (
|
|
<Box sx={{ p: 1.5, borderRadius: 3, boxShadow: "0px 1px 2px 0px rgba(15,23,42,0.04), 0px 8px 24px -12px rgba(15,23,42,0.12)", backgroundColor: "background.default" }}>
|
|
<Box sx={{ display: "flex", justifyContent: "space-between", alignItems: "center", gap: 1, flexWrap: "wrap", mb: 1 }}>
|
|
<Typography variant="overline">{title}</Typography>
|
|
<Box sx={{ display: "flex", gap: 1, flexWrap: "wrap" }}>
|
|
<Button size="small" variant="outlined" onClick={() => navigator.clipboard.writeText(value)}>{t("jobDetailsCopy")}</Button>
|
|
{onSave ? <Button size="small" variant="contained" disabled={saving} onClick={() => onSave(value)}>{saving ? t("jobDetailsSaving") : t("save")}</Button> : null}
|
|
</Box>
|
|
</Box>
|
|
<TextField value={value} onChange={(e) => setValue(e.target.value)} multiline minRows={6} fullWidth />
|
|
</Box>
|
|
);
|
|
}
|