diff --git a/admin/src/features/reqlog/components/RequestLogs.tsx b/admin/src/features/reqlog/components/RequestLogs.tsx
index df505b0..cce0fcb 100644
--- a/admin/src/features/reqlog/components/RequestLogs.tsx
+++ b/admin/src/features/reqlog/components/RequestLogs.tsx
@@ -1,4 +1,5 @@
-import { Alert, Box, Link, MenuItem, Snackbar } from "@mui/material";
+import { ContentCopy } from "@mui/icons-material";
+import { Alert, Box, IconButton, Link, MenuItem, Snackbar, Tooltip } from "@mui/material";
import { useRouter } from "next/router";
import { useState } from "react";
@@ -17,7 +18,13 @@ export function RequestLogs(): JSX.Element {
pollInterval: 1000,
});
- const [createSenderReqFromLog] = useCreateSenderRequestFromHttpRequestLogMutation({});
+ const [createSenderReqFromLog] = useCreateSenderRequestFromHttpRequestLogMutation({
+ onCompleted({ createSenderRequestFromHttpRequestLog }) {
+ const { id } = createSenderRequestFromHttpRequestLog;
+ setNewSenderReqId(id);
+ setCopiedReqNotifOpen(true);
+ },
+ });
const [copyToSenderId, setCopyToSenderId] = useState("");
const [Menu, handleContextMenu, handleContextMenuClose] = useContextMenu();
@@ -27,11 +34,6 @@ export function RequestLogs(): JSX.Element {
variables: {
id: copyToSenderId,
},
- onCompleted({ createSenderRequestFromHttpRequestLog }) {
- const { id } = createSenderRequestFromHttpRequestLog;
- setNewSenderReqId(id);
- setCopiedReqNotifOpen(true);
- },
});
handleContextMenuClose();
};
@@ -54,6 +56,23 @@ export function RequestLogs(): JSX.Element {
handleContextMenu(e);
};
+ const handleCopyToSenderActionClick = (id: string) => {
+ setCopyToSenderId(id);
+ createSenderReqFromLog({
+ variables: {
+ id,
+ },
+ });
+ };
+
+ const rowActions = (id: string): JSX.Element => (
+
+ handleCopyToSenderActionClick(id)}>
+
+
+
+ );
+
return (
@@ -79,6 +98,7 @@ export function RequestLogs(): JSX.Element {
activeRowId={id}
onRowClick={handleRowClick}
onContextMenu={handleRowContextClick}
+ rowActions={rowActions}
/>
diff --git a/admin/src/features/sender/components/EditRequest.tsx b/admin/src/features/sender/components/EditRequest.tsx
index b2706c9..ab3c2b2 100644
--- a/admin/src/features/sender/components/EditRequest.tsx
+++ b/admin/src/features/sender/components/EditRequest.tsx
@@ -154,7 +154,6 @@ function EditRequest(): JSX.Element {
const newHeaders = sortKeyValuePairs(senderRequest.headers || []);
setHeaders([...newHeaders.map(({ key, value }) => ({ key, value })), { key: "", value: "" }]);
- console.log(senderRequest.response);
setResponse(senderRequest.response);
},
});
diff --git a/admin/src/lib/components/Editor.tsx b/admin/src/lib/components/Editor.tsx
index 05bcf51..9470a8a 100644
--- a/admin/src/lib/components/Editor.tsx
+++ b/admin/src/lib/components/Editor.tsx
@@ -34,7 +34,6 @@ interface Props {
}
function Editor({ content, contentType, monacoOptions, onChange }: Props): JSX.Element {
- console.log(content);
return (
void;
onContextMenu?: (e: React.MouseEvent, id: string) => void;
+ rowActions?: (id: string) => JSX.Element;
}
export default function RequestsTable(props: Props): JSX.Element {
- const { requests, activeRowId, onRowClick, onContextMenu } = props;
+ const { requests, activeRowId, onRowClick, onContextMenu, rowActions } = props;
return (
@@ -78,6 +79,7 @@ export default function RequestsTable(props: Props): JSX.Element {
Origin
Path
Status
+ {rowActions && }
@@ -104,6 +106,7 @@ export default function RequestsTable(props: Props): JSX.Element {
{response && }
+ {rowActions && {rowActions(id)}}
);
})}