forked from cerc-io/laconic-console
62 lines
1.1 KiB
JavaScript
62 lines
1.1 KiB
JavaScript
//
|
|
// Copyright 2020 DXOS.org
|
|
//
|
|
|
|
import React from 'react';
|
|
|
|
import Link from '@material-ui/core/Link';
|
|
import LinkIcon from '@material-ui/icons/ExitToApp';
|
|
|
|
import { getServiceUrl } from '../util/config';
|
|
|
|
const QUERY = `
|
|
query {
|
|
getRecordsByIds(ids: [ "%ID%" ]) {
|
|
id
|
|
names
|
|
bondId
|
|
createTime
|
|
expiryTime
|
|
owners
|
|
attributes {
|
|
key
|
|
value {
|
|
string
|
|
json
|
|
reference {
|
|
id
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`;
|
|
|
|
/**
|
|
* Render link to record in WNS.
|
|
* @param {Object} config
|
|
* @param {string} id
|
|
* @param {string} [text]
|
|
* @param {boolean} icon
|
|
*/
|
|
const QueryLink = ({ config, id, text, icon = false }) => {
|
|
const baseURL = getServiceUrl(config, 'wns.webui');
|
|
const query = QUERY.replace('%ID%', id);
|
|
|
|
// NOTE: Playground bug opens two tabs.
|
|
const fullURL = encodeURI(`${baseURL}?query=${query}`);
|
|
|
|
return (
|
|
<Link href={fullURL} target='gql'>
|
|
{icon && (
|
|
<LinkIcon />
|
|
)}
|
|
{!icon && (
|
|
text || id
|
|
)}
|
|
</Link>
|
|
);
|
|
};
|
|
|
|
export default QueryLink;
|