All files / src/components/elements DidSearch.stories.tsx

0% Statements 0/8
100% Branches 0/0
0% Functions 0/4
0% Lines 0/8

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>
    );
  });