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 | import { storiesOf } from "@storybook/react"; import { Identifier } from "../../types"; import { IdentityThemeProvider } from "../../themes"; import { DidSelect } from "./DidSelect"; import { DidView } from "./DidView"; import { DidByDomain } from "./DidByDomain"; const identifiers: Identifier[] = [ { did: "did:ethr:rinkeby:0xcfa8829812f1b4fe09b27cacf7d36e4d1b5dce76", provider: "did:ethr:rinkeby", alias: "Admin", }, { did: "did:ethr:rinkeby:0x88298d36e4d1b5dce76cf9b27cacf7a12f1b4fe0", provider: "did:ethr:rinkeby", alias: "Another User", }, { did: "did:ethr:rinkeby:0x1b5dce8826e4d76cf9b27cac12f1b4fe098d3f7a", provider: "did:ethr:rinkeby", alias: "Really really really really really really long alias", }, { did: "did:ethr:rinkeby:0x9812f1d36e4d1b5dce7acf76cfa882b4fe09b27c", provider: "did:ethr:rinkeby", }, { 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", }, ]; storiesOf("DID", module) .add("DID Select: Default", () => { return <DidSelect identifiers={identifiers} onChange={(value) => console.log("changed to", value)} />; }) .add("DID Select: Allow custom DID", () => { return ( <DidSelect identifiers={identifiers} onChange={(value) => console.log("changed to", value)} allowCustom={true} /> ); }) .add("DID Select: Allow custom w/ default selected DID", () => { return ( <DidSelect identifiers={identifiers} defaultSelectedDid="did:ethr:rinkeby:0xbd3fa1d36e4d1bf76cfa882b4fe09b27c5dce7ac" onChange={(value) => console.log("changed to", value)} allowCustom={true} /> ); }) .add("DID View", () => { return <DidView did="did:ethr:rinkeby:0xbd3fa1d36e4d1bf76cfa882b4fe09b27c5dce7ac" copy />; }) .add("DID View large variant", () => { return ( <DidView did="did:ethr:rinkeby:0xbd3fa1d36e4d1bf76cfa882b4fe09b27c5dce7ac" copy maxCharCount={100} size="large" /> ); }) .add("DID by Domain", () => { return ( <IdentityThemeProvider> <DidByDomain didDocs={[{ id: "did:ethr:rinkeby:0xbd3fa1d36e4d1bf76cfa882b4fe09b27c5dce7ac" }]} domain="serto.id" didCopy /> </IdentityThemeProvider> ); }); |