return <div>Hello World</div>; const appName = "ProofOfHeight"; const accountId = context.accountId; if (!accountId) { return "No account ID"; } //const badges = Social.keys(`*/${contractId}/badges/*`, "final"); const badges = Social.getr(`${contractId}/badges/*`); const user = Social.getr(`${accountId}/*`); console.log(user); //const height = props.height ?? 7; if (badges === null) { return "Loading"; } // console.log(badges); // initState({ badges }); return ( <div className="container row"> <div>{badges}</div> <div className="mb-2"> <CommitButton data={{ badges: { "6-4": { info: { name: "A Tall Man TM", description: "A really tall man", image: { url: "https://commons.wikimedia.org/wiki/File:Image-Vertical.jpg#/media/File:Image-Vertical.jpg", }, }, holder: { [accountId]: "", }, }, }, }} > Get that badge </CommitButton> </div> </div> );