starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-18 23:44:12 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Fix headers persistence and better sending

Browse Source
This commit is contained in:
Gregory Schier
2023-03-09 13:38:17 -08:00
parent 9c6d821978
commit 43abb57f77
2 changed files with 36 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src-web/components/HeaderEditor.tsx
View File

@@ -13,6 +13,11 @@ type PairWithId = { header: Partial<HttpHeader>; id: string };
export function HeaderEditor({ request }: Props) {
const updateRequest = useRequestUpdate(request);
const saveHeaders = (pairs: PairWithId[]) => {
const headers = pairs.map((p) => ({ name: '', value: '', ...p.header }));
updateRequest.mutate({ headers });
};
const newPair = () => {
return { header: { name: '', value: '' }, id: Math.random().toString() };
};
@@ -21,17 +26,22 @@ export function HeaderEditor({ request }: Props) {
request.headers.map((h) => ({ header: h, id: Math.random().toString() })),
);
const handleChangeHeader = (pair: PairWithId) => {
setPairs((pairs) => {
const newPairs = pairs.map((p) =>
pair.id !== p.id ? p : { id: p.id, header: { ...p.header, ...pair.header } },
);
const headers = newPairs.map((p) => ({ name: '', value: '', ...p.header }));
updateRequest.mutate({ headers });
const setPairsAndSave = (fn: (pairs: PairWithId[]) => PairWithId[]) => {
setPairs((oldPairs) => {
const newPairs = fn(oldPairs);
saveHeaders(newPairs);
return newPairs;
});
};
const handleChangeHeader = (pair: PairWithId) => {
setPairsAndSave((pairs) =>
pairs.map((p) =>
pair.id !== p.id ? p : { id: p.id, header: { ...p.header, ...pair.header } },
),
);
};
useEffect(() => {
const lastPair = pairs[pairs.length - 1];
if (lastPair === undefined) {
@@ -40,12 +50,12 @@ export function HeaderEditor({ request }: Props) {
}
if (lastPair.header.name !== '' || lastPair.header.value !== '') {
setPairs((pairs) => [...pairs, newPair()]);
setPairsAndSave((pairs) => [...pairs, newPair()]);
}
}, [pairs]);
const handleDelete = (pair: PairWithId) => {
setPairs((headers) => headers.filter((p) => p.id !== pair.id));
setPairsAndSave((oldPairs) => oldPairs.filter((p) => p.id !== pair.id));
};
return (