const accountId = props.accountId ?? context.accountId; const profile = props.profile ?? Social.getr(`${accountId}/profile`); const image = profile.image; return ( <div style={{ width: "100%", height: "100%", background: "linear-gradient(to right, black, #3a0201, black)", backgroundSize: "100% 100%", backgroundPosition: "center", position: "relative", overflow: "hidden", zIndex: 0, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", }} > <div style={{ width: "80%" }}> <div style={{ background: "#415697", height: "262px", width: "100%", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", }} > <img src="https://ipfs.near.social/ipfs/bafkreid25lsb6p73u3zpb7et23qc66fe63knsi22xneuzo3of4m4dnjqgu" alt="coinTAG" style={{ height: "200px", width: "200px", }} /> </div> <div style={{ background: "#1b2441", height: "181px", width: "100%", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", }} > <Widget src="mob.near/widget/ProfileImage" props={{ profile, fast, accountId, style: { width: "4rem", height: "4rem", marginRight: "10px" }, className: "mb-2", imageClassName: "rounded-circle w-100 h-100 img-thumbnail d-block", thumbnail: false, }} /> <span>Bem Vindo {accountId}</span> </div> <div style={{ backgroundColor: "white", height: "200px", padding: "20px 0", width: "100%", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "space-between", position: "relative", }} > <p style={{ color: "black", fontFamily: '"Press Start 2P", sans-serif', marginBottom: "10px", }} > Escreva a TAG </p> <div style={{ display: "flex", alignItems: "center", justifyContent: "center", marginBottom: "10px", width: "100%", gap: "10px", }} > <input type="text" value={state.prompt} style={{ flex: 2, backgroundColor: "black", color: "white", fontFamily: '"Press Start 2P", sans-serif', border: "1px solid white", marginRight: "10px", marginLeft: "10px", }} onChange={(e) => { state.prompt = e.target.value; State.update(state); }} /> <button style={{ flex: 1 }}>APLICAR</button> <div style={{ display: "flex", alignItems: "center", gap: "5px", flex: 1, }} > <div style={{ display: "flex", alignItems: "center", gap: "5px", flex: 1, }} > <input type="checkbox" className="squareCheckbox" /> <span>CHECK</span> </div> </div> </div> <button>Export CSV</button> </div> <div style={{ background: "orange", height: "330px", width: "100%", color: "#fff", display: "flex", alignItems: "center", justifyContent: "center", }} > <Widget src="near/widget/Explorer.Iframe" props={{ url: `${isBeta ? "beta/" : ""}accounts/${accountId}`, query: { language: props.language, embedded: true }, network: props.network, baseUrl: props.baseUrl, }} /> </div> <div style={{ background: "#415697", height: "126px", width: "100%", color: "#333", display: "flex", alignItems: "center", justifyContent: "center", }} ></div> </div> </div> );