Press n or j to go to the next uncovered block, b, p or k for the previous block.
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 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 | import { useState } from "react"; import { storiesOf } from "@storybook/react"; import { SertoUiProvider } from "../../context/SertoUiProvider"; import { createMockApiRequest } from "../../utils/helpers"; import { Identifier } from "../../types"; import { DidSearch } from "./DidSearch"; import { DidSearchWithMessagingInfo } from "./DidSearchWithMessagingInfo"; const identifiers: Identifier[] = [ { did: "did:ethr:0xcfa8829812f1b4fe09b27cacf7d36e4d1b5dce76", provider: "did:ethr", alias: "Admin", services: [ { id: "foo", serviceEndpoint: "https://foo", type: "messaging", }, ], }, { did: "did:ethr:rinkeby:0x88298d36e4d1b5dce76cf9b27cacf7a12f1b4fe0", provider: "did:ethr:rinkeby", alias: "Another User", }, { did: "did:key:0x1b5dce8826e4d76cf9b27cac12f1b4fe098d3f7a", provider: "did:key", alias: "Really really really really really really long alias", }, { did: "did:web:consensys.net", provider: "did:web", }, { did: "did:ethr:rinkeby:0x82b4fe09b27c5dce7acbd3fa1d36e4d1bf76cfa8", alias: "ABC user 1", provider: "did:ethr:rinkeby", userName: "Organization ABC", }, { did: "did:ethr:rinkeby:0xbd3fa1d36e4d1bf76cfa882b4fe09b27c5dce7ac", provider: "did:ethr:rinkeby", userName: "Organization ABC", }, ]; const entries = [ { dids: "did:ethr:0x99dc16bff4fd8f6e33588daa4654e9ab5c5339f3", domain: "codefi.consensys.net", numBaselineEndpoints: "0", numVeramoEndpoints: "1", }, { dids: "did:ethr:0xe32d444beed28c6c28ba1f84d2c8e07031b8a5d5", domain: "consensys.net", numBaselineEndpoints: "0", numVeramoEndpoints: "1", }, { dids: "did:ethr:0xf570f773d825f5a30c3200962f59534d25a20018", domain: "diligence.consensys.net", numBaselineEndpoints: "0", numVeramoEndpoints: "1", }, { dids: "did:ethr:0xc0b92f3f31a146e4422daf8eac9a047e3340051a", domain: "quorum.consensys.net", numBaselineEndpoints: "0", numVeramoEndpoints: "2", }, ]; storiesOf("DID Search", module) .add("DID Search", () => { return ( <SertoUiProvider context={{ searchService: { getEntries: createMockApiRequest(entries), }, }} > <DidSearch identifiers={identifiers} onChange={(value: any) => console.log("changed to:", value)} /> </SertoUiProvider> ); }) .add("DID Search with messaging info", () => { const [supportsMessaging, setSupportsMessaging] = useState(false); return ( <SertoUiProvider context={{ searchService: { getEntries: createMockApiRequest(entries), }, }} > <DidSearchWithMessagingInfo supportsMessaging={supportsMessaging} setSupportsMessaging={setSupportsMessaging} identifiers={identifiers} onChange={(value: any) => console.log("changed to:", value)} /> </SertoUiProvider> ); }); |