Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-05-24 09:38:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Skip operation.hash in monitoring view (#68)

Browse source
This commit is contained in:
Kamil Kisiela 2022-05-24 16:37:37 +02:00 committed by GitHub
parent 1a7b1ff6f1
commit 33fcbb71de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/web/app/src/components/target/operations/List.tsx
View file

@ -38,7 +38,6 @@ interface Operation {
id: string; id: string;
name: string; name: string;
kind: string; kind: string;
hash: string;
p90: number; p90: number;
p95: number; p95: number;
p99: number; p99: number;
@ -77,12 +76,11 @@ const OperationRow: React.FC<{
const p90 = useFormattedDuration(operation.p90); const p90 = useFormattedDuration(operation.p90);
const p95 = useFormattedDuration(operation.p95); const p95 = useFormattedDuration(operation.p95);
const p99 = useFormattedDuration(operation.p99); const p99 = useFormattedDuration(operation.p99);
const operationHash = operation.hash;
return ( return (
<> <>
<Tr> <Tr>
<Td tw="font-medium"> <Td tw="font-medium truncate">
<div tw="flex flex-row"> <div tw="flex flex-row">
<Button <Button
as="a" as="a"
@ -109,9 +107,6 @@ const OperationRow: React.FC<{
)} )}
</div> </div>
</Td> </Td>
<Td>
<span tw="text-xs text-gray-500">{operationHash}</span>
</Td>
<Td textAlign="center"> <Td textAlign="center">
<span tw="text-xs">{operation.kind}</span> <span tw="text-xs">{operation.kind}</span>
</Td> </Td>
@ -146,7 +141,6 @@ const OperationRow: React.FC<{
const columns = [ const columns = [
{ Header: 'Operation', accessor: 'name' }, { Header: 'Operation', accessor: 'name' },
{ Header: 'Hash', accessor: 'hash' },
{ Header: 'Kind', accessor: 'kind' }, { Header: 'Kind', accessor: 'kind' },
{ Header: 'p90', accessor: 'p90' }, { Header: 'p90', accessor: 'p90' },
{ Header: 'p95', accessor: 'p95' }, { Header: 'p95', accessor: 'p95' },
@ -222,8 +216,7 @@ const OperationsTable: React.FC<{
<Table tw="mt-6" variant="striped" colorScheme="gray" size="sm" {...getTableProps()}> <Table tw="mt-6" variant="striped" colorScheme="gray" size="sm" {...getTableProps()}>
<Thead> <Thead>
<Tr {...headerGroup.getHeaderGroupProps()}> <Tr {...headerGroup.getHeaderGroupProps()}>
<Th>Operation</Th> <Th tw="truncate">Operation</Th>
<Th>Hash</Th>
<Th textAlign="center">Kind</Th> <Th textAlign="center">Kind</Th>
<Th {...p90Column.getHeaderProps(p90Column.getSortByToggleProps())}> <Th {...p90Column.getHeaderProps(p90Column.getSortByToggleProps())}>
<Sortable align="center" isSorted={p90Column.isSorted} isSortedDesc={p90Column.isSortedDesc}> <Sortable align="center" isSorted={p90Column.isSorted} isSortedDesc={p90Column.isSortedDesc}>
@ -332,7 +325,6 @@ const OperationsTableContainer: React.FC<{
id: op.id, id: op.id,
name: op.name, name: op.name,
kind: op.kind, kind: op.kind,
hash: op.operationHash,
p90: op.duration.p90, p90: op.duration.p90,
p95: op.duration.p95, p95: op.duration.p95,
p99: op.duration.p99, p99: op.duration.p99,