const accountId = context.accountId; const commonStyles = { width: "100%", height: "100vh", background: "#415697", display: "flex", flexDirection: "column", fontFamily: '"Press Start 2P", sans-serif', alignItems: "center", justifyContent: "center", }; if (!accountId) { return ( <div style={commonStyles}> <img src="https://ipfs.near.social/ipfs/bafkreid25lsb6p73u3zpb7et23qc66fe63knsi22xneuzo3of4m4dnjqgu" alt="coinTAG" style={{ height: "200px", width: "200px", marginBottom: "20px", }} /> <h2 style={{ fontSize: "14px", color: "white" }}> VOCE NAO ESTA LOGADO. </h2> <h3 style={{ fontSize: "12px", color: "white", textAlign: "center" }}> ENTRE COM SUA CARTEIRA NEAR. SE VC NAO TEM CLIQUE </h3> <a href="https://shard.dog/humansofbrazil" style={{ fontSize: "14px", color: "white", margin: "20px 10px", textDecoration: "underline", }} > AQUI </a> <img src="https://ipfs.near.social/ipfs/bafkreiex77ly3hboiiyile6j2v3cjwhuaang2r4lqagdbld6fyvnzm4u6i" alt="QR Code" style={{ width: "150px", height: "AUTO", border: "2px solid white", marginTop: "20px", }} /> </div> ); } return ( <div style={commonStyles}> <img src="https://ipfs.near.social/ipfs/bafkreid25lsb6p73u3zpb7et23qc66fe63knsi22xneuzo3of4m4dnjqgu" alt="coinTAG" style={{ height: "200px", width: "200px", marginBottom: "20px", }} /> <h2 style={{ fontSize: "14px", color: "white" }}>Bem Vindo {accountId}!</h2> <p style={{ color: "white" }}> VOCE ESTA LOGADO </p> </div> );