feat: add editable application drafts tests and gitea deploy workflow

2026-03-22 18:42:14 +01:00
parent 8041b43f47
commit 1fe3a68901
6 changed files with 239 additions and 3 deletions
@@ -462,16 +462,22 @@ function ListCard({ title, items }: { title: string; items: string[] }) {
 }

 function DraftCard({ title, content, onSave, saving }: { title: string; content: string; onSave?: (content: string) => Promise<void> | void; saving?: boolean }) {
+  const [value, setValue] = React.useState(content);
+
+  React.useEffect(() => {
+    setValue(content);
+  }, [content]);
+
  return (
    <Box sx={{ p: 1.5, borderRadius: 3, border: "1px solid", borderColor: "divider", 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(content)}>Copy</Button>
-          {onSave ? <Button size="small" variant="contained" disabled={saving} onClick={() => onSave(content)}>{saving ? "Saving..." : "Save"}</Button> : null}
+          <Button size="small" variant="outlined" onClick={() => navigator.clipboard.writeText(value)}>Copy</Button>
+          {onSave ? <Button size="small" variant="contained" disabled={saving} onClick={() => onSave(value)}>{saving ? "Saving..." : "Save"}</Button> : null}
        </Box>
      </Box>
-      <Typography sx={{ whiteSpace: "pre-wrap" }}>{content}</Typography>
+      <TextField value={value} onChange={(e) => setValue(e.target.value)} multiline minRows={6} fullWidth />
    </Box>
  );
 }