Transaction: 3ynjboe...ki4Z

{ "data": { "webuidl.near": { "widget": { "iBuiDL": { "": "State.init({\n input: \"\",\n});\n\nconst card = {\n background: \"linear-gradient(to right, #4deeea, #f000ff)\",\n border: \"1px solid black\",\n borderRadius: \"5px\",\n textAlign: \"center\",\n color: \"white\",\n padding: \"10px\",\n};\n\nconst button = {\n borderRadius: \"5px\",\n margin: \"5px 0\",\n padding: \"8px\",\n textAlign: \"center\",\n background: \"linear-gradient(to right, #4deeea, #f000ff)\",\n border: \"2px solid black\",\n fontWeight: \"bold\",\n};\n\nconst imgWH = {\n width: \"25px\",\n height: \"25px\",\n};\n\nconst accountId = props.accountId ?? \"*\";\n\nconst data = Social.index(\"ibuidl\", \"answer\");\nif (!data) {\n return \"Loading\";\n}\nconst sortedData = data.sort((d1, d2) => d2.blockHeight - d1.blockHeight);\n\nreturn (\n <div>\n <h4>iBuiDL</h4>\n <p>what do you BuiDL on NEAR?</p>\n <div className=\"d-flex flex-column w-75 justify-content-around\">\n <textarea\n style={{\n backgroundColor: \"rgb(230, 230, 230)\",\n border: \"1px solid #ced4da\",\n borderRadius: \"0.375rem\",\n }}\n rows=\"3\"\n value={state.input}\n onChange={(e) => {\n State.update({ input: e.target.value });\n }}\n />\n </div>\n <CommitButton\n style={button}\n data={{\n index: {\n ibuidl: JSON.stringify(\n {\n key: \"answer\",\n value: {\n answer: state.input,\n },\n },\n undefined,\n 0\n ),\n },\n }}\n onCommit={() => {\n State.update({\n reloadData: true,\n });\n }}\n >\n Post!\n </CommitButton>\n\n <div>\n {sortedData\n ? sortedData.map((d) => (\n <div style={card}>\n <Widget\n src=\"mob.near/widget/ProfileImage\"\n props={{\n accountId: d.accountId,\n className: \"d-inline-block\",\n style: { width: \"1.5em\", height: \"1.5em\" },\n }}\n />\n <a\n href={`#/mob.near/widget/ProfilePage?accountId=${d.accountId}`}\n >\n {d.accountId}\n </a>\n I BuiDL <b>{d.value.answer}&nbsp;&nbsp;&nbsp;</b>\n <Widget\n src=\"mob.near/widget/FollowButton\"\n props={{ accountId: d.accountId }}\n />\n </div>\n ))\n : \"Loading...\"}\n </div>\n </div>\n);\n" } } } } }