wash-cli 0.21.0

wasmcloud Shell (wash) CLI tool
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

import {ColumnDef, createColumnHelper} from '@tanstack/react-table';
import {ReactElement} from 'react';
import {WadmLink} from 'lattice/lattice-service';
import useLatticeData from 'lattice/use-lattice-data';
import {DataTable} from 'ui/data-table';
import {ShortCopy} from 'ui/short-copy';

const columnHelper = createColumnHelper<WadmLink>();

const columns = [
  columnHelper.accessor('contract_id', {
    header: 'Contract ID',
  }),
  columnHelper.accessor('link_name', {
    header: 'Link Name',
  }),
  columnHelper.accessor('provider_id', {
    header: 'Provider ID',
    cell: (info) => <ShortCopy text={info.getValue()} />,
  }),
  columnHelper.accessor('actor_id', {
    header: 'Component ID',
    cell: (info) => <ShortCopy text={info.getValue()} />,
  }),
];

function LinksTable(): ReactElement {
  const {links} = useLatticeData();

  return (
    <div>
      <DataTable data={links} columns={columns as ColumnDef<WadmLink>[]} />
    </div>
  );
}

export default LinksTable;