diff --git a/app/src/components/requestLogs/ActionButton.tsx b/app/src/components/requestLogs/ActionButton.tsx
new file mode 100644
index 0000000..14306b6
--- /dev/null
+++ b/app/src/components/requestLogs/ActionButton.tsx
@@ -0,0 +1,30 @@
+import { Button, HStack, type ButtonProps, Icon, Text } from "@chakra-ui/react";
+import { type IconType } from "react-icons";
+
+const ActionButton = ({
+ icon,
+ label,
+ ...buttonProps
+}: { icon: IconType; label: string } & ButtonProps) => {
+ return (
+
+ );
+};
+
+export default ActionButton;
diff --git a/app/src/pages/request-logs/index.tsx b/app/src/pages/request-logs/index.tsx
index bb4c941..5929f83 100644
--- a/app/src/pages/request-logs/index.tsx
+++ b/app/src/pages/request-logs/index.tsx
@@ -1,10 +1,14 @@
-import { Text, VStack, Divider } from "@chakra-ui/react";
+import { Text, VStack, Divider, HStack } from "@chakra-ui/react";
import AppShell from "~/components/nav/AppShell";
import LoggedCallTable from "~/components/requestLogs/LoggedCallsTable";
import LoggedCallsPaginator from "~/components/requestLogs/LoggedCallsPaginator";
+import ActionButton from "~/components/requestLogs/ActionButton";
+import { useAppStore } from "~/state/store";
+import { RiFlaskLine } from "react-icons/ri";
export default function LoggedCalls() {
+ const selectedLogIds = useAppStore((s) => s.selectedLogs.selectedLogIds);
return (
@@ -12,6 +16,16 @@ export default function LoggedCalls() {
Request Logs
+
+ {
+ console.log("experimenting with these ids", selectedLogIds);
+ }}
+ label="Experiment"
+ icon={RiFlaskLine}
+ isDisabled={selectedLogIds.size === 0}
+ />
+