mokhtar
648d9b4496
Gates / frontend (push) Successful in 1m32s
Gates / test (push) Successful in 1m54s
Gates / package (push) Successful in 5m28s
Gates / container (push) Successful in 14s
Gates / test-aarch64 (push) Failing after 3h10m0s
CI / gates (push) Failing after 3h11m55s
68 lines
2.4 KiB
TypeScript
68 lines
2.4 KiB
TypeScript
/**
|
|
* The links out of one query's detail, shared by the persisted detail page and
|
|
* the in-place detail a streamed row opens.
|
|
*
|
|
* Both surfaces answer the same four follow-up questions, and both are read
|
|
* from an investigation that has a time range. Every link therefore carries
|
|
* absolute bounds: a link that said "recently" would show a different set of
|
|
* queries every time it was opened, which is the opposite of what linking to an
|
|
* incident is for.
|
|
*/
|
|
|
|
import { Link } from "@tanstack/react-router";
|
|
import * as stylex from "@stylexjs/stylex";
|
|
import PauseControl from "@/features/pause/PauseControl";
|
|
import { styles as shared } from "@/ui/styles";
|
|
import { provenanceRelatedLink } from "./ProvenanceDetail";
|
|
import { diagnosticsBounds, relatedBounds } from "./relatedLinks";
|
|
import type { ActivitySearch } from "./search";
|
|
|
|
interface Props {
|
|
domain: string;
|
|
client: string;
|
|
/** The second this query was answered, which every window is centred on. */
|
|
ts: number;
|
|
/** The Activity search the reader came from; its bounds win over the defaults. */
|
|
origin: Pick<ActivitySearch, "since" | "until">;
|
|
/**
|
|
* This query was blocked. Pausing is a valid answer to a block the reader
|
|
* disagrees with, and to nothing else here — so the control appears for a
|
|
* block and not beside an allowed query it could not have caused.
|
|
*/
|
|
blocked: boolean;
|
|
}
|
|
|
|
export default function RelatedActions({ domain, client, ts, origin, blocked }: Props) {
|
|
const bounds = relatedBounds(ts, origin);
|
|
const window = diagnosticsBounds(ts);
|
|
return (
|
|
<>
|
|
<Link to="/activity/test" search={{ domain }} {...stylex.props(provenanceRelatedLink, shared.focusRing)}>
|
|
Test this domain against current policy
|
|
</Link>
|
|
<Link
|
|
to="/activity"
|
|
search={{ mode: "history", domain, client: undefined, blocked: undefined, ...bounds }}
|
|
{...stylex.props(provenanceRelatedLink, shared.focusRing)}
|
|
>
|
|
All activity for this domain
|
|
</Link>
|
|
<Link
|
|
to="/activity"
|
|
search={{ mode: "history", client, domain: undefined, blocked: undefined, ...bounds }}
|
|
{...stylex.props(provenanceRelatedLink, shared.focusRing)}
|
|
>
|
|
All activity from this client
|
|
</Link>
|
|
<Link
|
|
to="/diagnostics"
|
|
search={{ since: window.since, until: window.until }}
|
|
{...stylex.props(provenanceRelatedLink, shared.focusRing)}
|
|
>
|
|
Diagnostics around this query
|
|
</Link>
|
|
{blocked && <PauseControl />}
|
|
</>
|
|
);
|
|
}
|