| 6 | "": "let greeting = \\\\\\\"Bienvenido al mercado de RWA en M\\\\u{e9}xico\\\\\\\";\\\\r\\\\nconst styling = {\\\\r\\\\n container: {\\\\r\\\\n display: \\\\\\\"flex\\\\\\\",\\\\r\\\\n flexDirection: \\\\\\\"column\\\\\\\",\\\\r\\\\n alignItems: \\\\\\\"center\\\\\\\",\\\\r\\\\n border: \\\\\\\"2px solid black\\\\\\\",\\\\r\\\\n borderRadius: \\\\\\\"8px\\\\\\\",\\\\r\\\\n padding: \\\\\\\"40px\\\\\\\",\\\\r\\\\n backgroundColor: \\\\\\\"black\\\\\\\",\\\\r\\\\n },\\\\r\\\\n title: {\\\\r\\\\n fontSize: \\\\\\\"30px\\\\\\\",\\\\r\\\\n fontWeight: \\\\\\\"bold\\\\\\\",\\\\r\\\\n color: \\\\\\\"white\\\\\\\",\\\\r\\\\n },\\\\r\\\\n input: {\\\\r\\\\n marginTop: \\\\\\\"20px\\\\\\\",\\\\r\\\\n fontSize: \\\\\\\"20px\\\\\\\",\\\\r\\\\n },\\\\r\\\\n desc: {\\\\r\\\\n fontSize: \\\\\\\"13px\\\\\\\",\\\\r\\\\n marginTop: \\\\\\\"6px\\\\\\\",\\\\r\\\\n color: \\\\\\\"white\\\\\\\",\\\\r\\\\n },\\\\r\\\\n};\\\\r\\\\n\\\\r\\\\ninitState({\\\\r\\\\n currency: \\\\\\\"\\\\\\\",\\\\r\\\\n});\\\\r\\\\n\\\\r\\\\nconst res = fetch(\\\\r\\\\n `https://api.coingecko.com/api/v3/simple/price?ids=${state.currency}&vs_currencies=usd`\\\\r\\\\n);\\\\r\\\\n\\\\r\\\\nconst capitalizeFirstLetter = (string) =>\\\\r\\\\n string.charAt(0).toUpperCase() + string.slice(1);\\\\r\\\\n\\\\r\\\\nconst price = res.body[`${state.currency}`].usd;\\\\r\\\\n\\\\r\\\\nreturn (\\\\r\\\\n <>\\\\r\\\\n <div style={styling.container}>\\\\r\\\\n {price ? (\\\\r\\\\n <div style={styling.title}>\\\\r\\\\n {capitalizeFirstLetter(state.currency)} Price: ${price} (USD)\\\\r\\\\n </div>\\\\r\\\\n ) : (\\\\r\\\\n <div style={styling.title}>Precio en Tiempo Real</div>\\\\r\\\\n )}\\\\r\\\\n\\\\r\\\\n <input\\\\r\\\\n style={styling.input}\\\\r\\\\n value={state.currency}\\\\r\\\\n onChange={(e) => {\\\\r\\\\n state.currency = e.target.value.toLowerCase();\\\\r\\\\n State.update();\\\\r\\\\n }}\\\\r\\\\n />\\\\r\\\\n <div style={styling.desc}>ESCRIBE: NEAR, BITCOIN, ETHEREUM</div>\\\\r\\\\n </div>\\\\r\\\\n <div\\\\r\\\\n className=\\\\\\\"container border border-info p-3 text-center\\\\\\\"\\\\r\\\\n style={{ backgroundColor: \\\\\\\"green\\\\\\\" }}\\\\r\\\\n >\\\\r\\\\n <h1>Mercado Energ\\\\u{e9}tico {name}</h1>\\\\r\\\\n <h2>{lastname}</h2>\\\\r\\\\n <p style={{ color: \\\\\\\"white\\\\\\\" }}>{greeting}</p>\\\\r\\\\n <ul className=\\\\\\\"list-group mt-3\\\\\\\" style={{ fontStyle: \\\\\\\"italic\\\\\\\" }}>\\\\r\\\\n <li className=\\\\\\\"list-group-item\\\\\\\">Certificados de Origen Renovable</li>\\\\r\\\\n <li className=\\\\\\\"list-group-item\\\\\\\">\\\\r\\\\n Facturaci\\\\u{f3}n y gesti\\\\u{f3}n de servicios p\\\\u{fa}blicos\\\\r\\\\n </li>\\\\r\\\\n <li className=\\\\\\\"list-group-item\\\\\\\">Liquidaci\\\\u{f3}n entre participantes</li>\\\\r\\\\n <li className=\\\\\\\"list-group-item\\\\\\\">Seguridad de la red el\\\\u{e9}ctrica</li>\\\\r\\\\n </ul>\\\\r\\\\n </div>\\\\r\\\\n <div className=\\\\\\\"d-flex justify-content-center mt-3\\\\\\\">\\\\r\\\\n <Web3Connect className=\\\\\\\"ConnectButton\\\\\\\" connectLabel=\\\\\\\"Connect with Web3\\\\\\\" />\\\\r\\\\n </div>\\\\r\\\\n </>\\\\r\\\\n);\\\\r\\\\n", |