Boa Tarde, finalizei a formação react mas travei em um questão simples, como colocar um widget em uma aplicação react ? Minha idéia era fazer um monitor de criptomoedas onde cada widget do site CoinStatus irá monitorar uma criptomoeda. Abaixo o link para acesso a widget do Bitcoin : https://coinstats.app/widgetInfo/?widgetId=coin-price&coin=BTC&type=large
o Codigo que eu teria que incluir em um componente para um widget seria similar a esse:
<script async src="https://static.coinstats.app/widgets/coin-price-widget.js"></script>
<coin-stats-ticker-widget coin-id="bitcoin" locale="en" currency="USD" rank-background="#FFA959" background="#1C1B1B" status-up-color="#74D492" status-down-color="#FE4747" rank-text-color="#1C1B1B" text-color="#FFFFFF" border-color="rgba(255,255,255,0.15)" type="large" font="Roboto, Arial, Helvetica" height="182" width="350"></coin-stats-ticker-widget>Em uma pagina html simples com um script para atualizar de minuto em minuto que fiz o teste, funciona:
<html>
<script>setTimeout(function() { window.location.reload(1) }, 60000) // 1 minuto </script>
<meta http-equiv="refresh" content="180">
<script async src="https://static.coinstats.app/widgets/coin-price-widget.js"></script>
<coin-stats-ticker-widget coin-id="fetch-ai" locale="en" currency="USD" rank-background="#FFA959" background="#1C1B1B" status-up-color="#74D492" status-down-color="#FE4747" rank-text-color="#1C1B1B" text-color="#FFFFFF" border-color="rgba(255,255,255,0.15)" type="medium" font="Roboto, Arial, Helvetica" height="182" width="350"></coin-stats-ticker-widget>
</html>No futuro eu iria implementar uma forma de adicionar ou remover os widgets da aplicação, criar alarmes e etc, mas não consegui nem fazer o mais simples.
