Canvas: Configure deploy keys on repo owner
Expose Agent compact prop
Implement GitHub repo pagination
Change-Id: Ib444c53f2c7f83d7461e6f1a8e9d86698d320e92
diff --git a/apps/canvas/front/src/Agent.tsx b/apps/canvas/front/src/Agent.tsx
index 3718805..974a3f3 100644
--- a/apps/canvas/front/src/Agent.tsx
+++ b/apps/canvas/front/src/Agent.tsx
@@ -2,11 +2,7 @@
import { AgentAccess } from "config";
import { useProjectId } from "./lib/state";
-export function Agent({ agent }: { agent: AgentAccess }): React.ReactNode {
- return <AgentIframe agent={agent} />;
-}
-
-export function AgentIframe({ agent }: { agent: AgentAccess }): React.ReactNode {
+export function Agent({ agent, compact }: { agent: AgentAccess; compact?: boolean }): React.ReactNode {
const projectId = useProjectId();
const [ok, setOk] = useState<boolean>(false);
useEffect(() => {
@@ -32,5 +28,6 @@
if (!ok) {
return <div>Agent {agent.agentName} is loading...</div>;
}
- return <iframe key={agent.name} src={`${agent.address}?m`} title={agent.agentName} className="w-full h-full" />;
+ const address = `${agent.address}${compact ? "/m" : ""}`;
+ return <iframe key={agent.name} src={address} title={agent.agentName} className="w-full h-full" />;
}