Form urlencoded bodies!

src-web/components/UrlParameterEditor.tsx

@@ -0,0 +1,20 @@
+import type { HttpRequest } from '../lib/models';
+import { PairEditor } from './core/PairEditor';
+
+type Props = {
+  forceUpdateKey: string;
+  urlParameters: HttpRequest['headers'];
+  onChange: (headers: HttpRequest['urlParameters']) => void;
+};
+
+export function UrlParametersEditor({ urlParameters, forceUpdateKey, onChange }: Props) {
+  return (
+    <PairEditor
+      valueAutocompleteVariables
+      nameAutocompleteVariables
+      pairs={urlParameters}
+      onChange={onChange}
+      forceUpdateKey={forceUpdateKey}
+    />
+  );
+}