({ type: "overview" });
+ const [toolName, setToolName] = useQueryState("tool", TOOL_PARAM);
- const handleSelectTool = (toolName: string) => {
- setView({ type: "detail", toolName });
- };
+ const handleSelectTool = useCallback((name: string) => void setToolName(name), [setToolName]);
- const handleBack = () => {
- setView({ type: "overview" });
- };
+ const handleBack = useCallback(() => void setToolName(null), [setToolName]);
if (!canViewToolPolicies) {
return (
@@ -34,8 +31,8 @@ export default function ToolPoliciesView({ accessToken }: ToolPoliciesViewProps)
return (
- {view.type === "detail" ? (
-
+ {toolName ? (
+
) : (
)}