Transaction: FJUzcLs...gXEK

{ "data": { "0b96e52a3ca58ff6664e4ba060b7eb3fc93ea3e7486cdbb047a7b99a382a2761": { "post": { "commit": { "text": "rename component", "keys": "[\"0b96e52a3ca58ff6664e4ba060b7eb3fc93ea3e7486cdbb047a7b99a382a2761/widget/ContractTest/branch/draft\"]" } }, "widget": { "ContractTest": { "branch": { "draft": { "": "const FlexWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-arround;\n`;\n\nconst BetweenFlexWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n`;\n\nconst TokenWrapper = styled.input`\n text-align: end;\n min-width: 300px;\n width: 90%;\n`;\n\nconst DropdownButton = styled.button`\n width: 150px;\n border: solid 1px;\n border-radius: 5px;\n`;\n\nconst DollarWrapper = styled.input`\n width: 100%;\n border: 0;\n`;\n\nconst Navigation = styled.p`\n cursor: pointer;\n margin: auto;\n`;\n\nconst Settings = styled.div`\n cursor: pointer;\n margin: auto 0;\n`;\n\nconst Token = (props) => (\n <TokenWrapper\n id={props.id}\n type=\"number\"\n onChange={props.onChange}\n value={props.value}\n />\n);\n\nconst Dollar = (props) => {\n return <DollarWrapper readOnly value={props.value} />;\n};\n\nconst callContract = () =>\n Near.call(\"nearsocialexamples.near\", \"set_greeting\", {\n message: `From Token: ${state.from_token} → To Token: ${state.to_token}`,\n });\n\nconst changeToken = ({ target }) => {\n State.update({\n ...state,\n [target.id]: target.value,\n });\n};\n\nState.init({\n from_token: 0,\n to_token: 0,\n greeting: Near.view(\"nearsocialexamples.near\", \"get_greeting\", `{}`),\n});\n\nconst viewContract = () => {\n State.update({\n ...state,\n greeting: Near.view(\"nearsocialexamples.near\", \"get_greeting\", `{}`),\n });\n};\n\nconsole.log({ state });\n\nreturn (\n <>\n <label>greeting message is..</label>\n <input type=\"text\" value={state.greeting} readOnly />\n <button onClick={callContract}> Call Contract</button>\n <button onClick={viewContract}> View Contract</button>\n <BetweenFlexWrapper>\n <Token id=\"from_token\" onChange={changeToken} value={state.from_token} />\n </BetweenFlexWrapper>\n <BetweenFlexWrapper>\n <Token id=\"to_token\" onChange={changeToken} value={state.to_token} />\n </BetweenFlexWrapper>\n </>\n);\n" } } } } } } }