How to use @storybook/addon-graphql - 1 common examples
To help you get started, we’ve selected a few @storybook/addon-graphql examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
dOrgTech / DAOcomponents / storybook / stories / Environment.tsx View on Github 
import QuerySnippets from "../helpers/QuerySnippets";
import {
Arc,
ArcConfig,
DevArcConfig as arcConfig
} from "../../src";
import {
Typography,
Divider
} from '@material-ui/core';
import ObjectInspector from "../helpers/ObjectInspector";
import { IContractInfo } from "@daostack/client/src/arc";
// TODO: make configurable
const defaultAddress = "0x0000000000000000000000000000000000000000"
const graphiql = setupGraphiQL({ url: arcConfig.graphqlHttpUrl });
export default () =>
storiesOf("Environment", module)
.add("Connections", () => {
return (
{(arc: ArcConfig) => {
return (
<div>
Connection Status
{ObjectInspector(arc.connection, "arc.connection", "Connection Status")}
</div>
)@storybook/addon-graphql
Storybook addon to display the GraphiQL IDE
