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} + /> +