Transaction: 9q8pfUV...QwWD

{ "data": { "funding-ai.near": { "widget": { "chat.modal": { "": "const profileData = props.profileData || [];\nconst [name, setName] = useState(\"\");\nconst [image, setImage] = useState(\"\");\nconst [description, setDescription] = useState(\"\");\nconst [tags, setTags] = useState([]);\nconst [teams, setTeams] = useState([]);\nconst hanleClick = (data, accountId) => {\n if (data.accountId == accountId) {\n setName(data.data.name);\n setImage(data.data.image.ipfs_cid || data.data.image.url);\n setDescription(data.data.description);\n setTeams(Object.keys(data.data.tags).flat());\n }\n};\nconst Header = styled.div`\n display:flex;\n flex-direction:row;\n align-items:top;\n justify-content:space-between;\n gap:10px;\n padding:10px 15px;\n .navLeft{\n display:flex;\n gap:10px;\n flex-direction:row;\n }\n`;\nconst Description = styled.div`\n display:flex;\n flex-direction:column;\n gap:20px;\n padding:10px 15px;\n .desc{\n background-image: linear-gradient(to right top, #cad5fe, #ced9fe, #d3ddff, #d7e0ff, #dce4ff);\n padding: 10px 15px;\n border-radius:15px;\n }\n .tags{\n background-image: linear-gradient(to right top, #cad5fe, #ced9fe, #d3ddff, #d7e0ff, #dce4ff);\n padding: 10px 15px;\n border-radius:15px;\n }\n .teams{\n background-image: linear-gradient(to right top, #cad5fe, #ced9fe, #d3ddff, #d7e0ff, #dce4ff);\n padding: 10px 15px;\n border-radius:15px;\n }\n .social{\n background-image: linear-gradient(to right top, #cad5fe, #ced9fe, #d3ddff, #d7e0ff, #dce4ff);\n padding: 10px 15px;\n border-radius:15px;\n }\n`;\nreturn (\n <>\n {profileData.length > 0 &&\n profileData.map((dt) => (\n <div\n class=\"item\"\n data-bs-toggle=\"modal\"\n data-bs-target=\"#staticBackdrop\"\n onClick={() => hanleClick(dt, dt.accountId)}\n >\n {dt.data.image.url ? (\n <img class=\"image\" src={dt.data.image.url} alt=\"profile\" />\n ) : (\n <img\n class=\"image\"\n src={`https://ipfs.near.social/ipfs/` + dt.data.image.ipfs_cid}\n alt=\"profile\"\n />\n )}\n <div class=\"project\">\n <div class=\"title\">{dt.data.name}</div>\n <div class=\"decs\">\n {dt.data.description.length > 80\n ? dt.data.description.slice(0, 80) + \"...\"\n : dt.data.description}\n </div>\n </div>\n </div>\n ))}\n <div\n class=\"modal fade\"\n id=\"staticBackdrop\"\n data-bs-backdrop=\"static\"\n data-bs-keyboard=\"false\"\n tabindex=\"-1\"\n aria-labelledby=\"staticBackdropLabel\"\n aria-hidden=\"true\"\n style={{ padding: \"10px 15px\" }}\n >\n <div class=\"modal-dialog\">\n <div class=\"modal-content\">\n <Header>\n <div class=\"navLeft\">\n {image.startsWith(\"https\") ? (\n <img class=\"image\" src={image} alt=\"profile\" />\n ) : (\n <img\n class=\"image\"\n src={`https://ipfs.near.social/ipfs/` + image}\n alt=\"profile\"\n />\n )}\n <h5 class=\"modal-title\" id=\"staticBackdropLabel\">\n {name}\n </h5>\n </div>\n <div class=\"navRight\">\n <button\n type=\"button\"\n class=\"btn-close\"\n data-bs-dismiss=\"modal\"\n aria-label=\"Close\"\n ></button>\n </div>\n </Header>\n <Description class=\"modal-body\">\n <div class=\"desc\">{description}</div>\n {teams.map((team) => (\n <div class=\"teams\">{team}</div>\n ))}\n </Description>\n <div class=\"modal-footer\">\n <button\n type=\"button\"\n class=\"btn btn-secondary\"\n data-bs-dismiss=\"modal\"\n >\n Close\n </button>\n <button type=\"button\" class=\"btn btn-primary\">\n Understood\n </button>\n </div>\n </div>\n </div>\n </div>{\" \"}\n </>\n);\n" } } } } }