{"version":3,"sources":["components/NewsFeed.js","components/ExchangeRate.js","components/CurrencyConverter.js","App.js","index.js"],"names":["NewsFeed","useState","articles","setArticles","useEffect","options","method","url","axios","request","then","response","data","catch","error","console","className","style","textAlign","map","article","_index","href","target","rel","title","display","alignItems","justifyContent","height","ExchangeRate","exchangedData","exchangeRate","primaryCurrency","secondaryCurrency","CurrencyConverter","currencies","chosenPrimaryCurrency","setChosenPrimaryCurrency","chosenSecondaryCurrency","setChosenSecondaryCurrency","amount","setAmount","setExchangedData","result","setResult","type","name","value","onChange","e","currency","disabled","id","onClick","params","from_currency","function","to_currency","App","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.39705b14.chunk.js","sourcesContent":["import { useEffect, useState } from 'react'\nimport axios from 'axios'\nimport { RippleLoader } from 'load-animations-react'\nconst baseUrl = \"https://crypto0dash.herokuapp.com\"\n// const baseUrl = \"http://localhost:5000\"\n\n\nconst NewsFeed = () => {\n    const [articles, setArticles] = useState(null)\n\n    useEffect(() => {\n\n        const options = {\n            method: 'GET',\n            url: `${baseUrl}/news`,\n\n        }\n\n        axios.request(options).then((response) => {\n            //console.log(response.data)\n            setArticles(response.data)\n\n        }).catch((error) => {\n            console.error(error)\n        })\n    }, [])\n\n    //console.log(articles)\n\n    // const first7Articles = articles?.slice(0, 7)\n\n    return (\n        <div className=\"news-feed \">\n            <h2 style={{ textAlign: \"center\" }}>News Feed</h2>\n            {articles ?\n                articles.map((article, _index) => (\n                    <div key={_index}>\n                        <a href={article.url} target=\"_blank\" rel=\"noreferrer\"><p>{article.title}</p></a>\n                    </div>))\n                : (\n                    <div style={{\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        justifyContent: \"center\",\n                        height: \"50%\",\n                        // width: \"300px\",\n                    }}>\n                        <RippleLoader />\n                    </div>\n                )\n            }\n        </div>\n    )\n}\n\nexport default NewsFeed","const ExchangeRate = ({ exchangedData }) => {\n    return (\n        <div className=\"exchange-rate\">\n            <h3>Exchange Rate</h3>\n            <h1>{exchangedData.exchangeRate}</h1>\n            <p>{exchangedData.primaryCurrency} to {exchangedData.secondaryCurrency}</p>\n        </div>\n    )\n}\n\nexport default ExchangeRate","import { useState } from 'react'\nimport ExchangeRate from './ExchangeRate'\nimport axios from 'axios'\nconst baseUrl = \"https://crypto0dash.herokuapp.com\"\n// const baseUrl = \"http://localhost:5000\"\n\n\nconst CurrencyConverter = () => {\n    const currencies = ['BTC', 'ETH', 'USD', 'XRP', 'LTC', 'ADA']\n    const [chosenPrimaryCurrency, setChosenPrimaryCurrency] = useState('BTC')\n    const [chosenSecondaryCurrency, setChosenSecondaryCurrency] = useState('BTC')\n    const [amount, setAmount] = useState(1)\n    const [exchangedData, setExchangedData] = useState({\n        primaryCurrency: 'BTC',\n        secondaryCurrency: 'BTC',\n        exchangeRate: 0\n    })\n    const [result, setResult] = useState(0)\n\n    //console.log(exchangedData)\n\n    const convert = () => { // should say flex not dlex, comment this out for now\n\n        const options = {\n            method: 'GET',\n            url: `${baseUrl}/convert`,\n            params: { from_currency: chosenPrimaryCurrency, function: 'CURRENCY_EXCHANGE_RATE', to_currency: chosenSecondaryCurrency }\n        }\n\n        axios.request(options).then((response) => {\n            //console.log(response.data)\n            setResult(response.data * amount)\n\n            setExchangedData({\n                primaryCurrency: chosenPrimaryCurrency,\n                secondaryCurrency: chosenSecondaryCurrency,\n                exchangeRate: response.data\n            })\n        }).catch((error) => {\n            console.error(error)\n        })\n    }\n\n    return (\n        <div className=\"currency-converter\">\n            <h2>Currency Converter</h2>\n\n            <div className=\"input-box\">\n\n                <table>\n                    <tbody>\n                        <tr>\n                            <td>Primary Currency:</td>\n                            <td>\n                                <input\n                                    type=\"number\"\n                                    name=\"currency-amount-1\"\n                                    value={amount}\n                                    onChange={(e) => setAmount(e.target.value)}\n                                />\n                            </td>\n                            <td>\n                                <select\n                                    value={chosenPrimaryCurrency}\n                                    name=\"currency-option-1\"\n                                    className=\"currency-options\"\n                                    onChange={(e) => setChosenPrimaryCurrency(e.target.value)}\n                                >\n                                    {currencies.map((currency, _index) => (<option key={_index}>{currency}</option>))}\n                                </select>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>Secondary Currency:</td>\n                            <td>\n                                <input\n                                    name=\"currency-amount-2\"\n                                    value={result}\n                                    disabled={true}\n                                />\n                            </td>\n                            <td>\n                                <select\n                                    value={chosenSecondaryCurrency}\n                                    name=\"currency-option-2\"\n                                    className=\"currency-options\"\n                                    onChange={(e) => setChosenSecondaryCurrency(e.target.value)}\n                                >\n                                    {currencies.map((currency, _index) => (<option key={_index}>{currency}</option>))}\n                                </select>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n\n                <button id=\"convert-button\" onClick={convert}>Convert</button>\n\n\n            </div>\n\n\n            <ExchangeRate\n                exchangedData={exchangedData}\n            />\n        </div>\n    )\n}\n\nexport default CurrencyConverter","import NewsFeed from './components/NewsFeed'\nimport CurrencyConverter from './components/CurrencyConverter'\n\nconst App = () => {\n  return (\n    <div className=\"app\">\n        <h1>Crypto Dashboard</h1>\n        <div className=\"app-wrapper\">\n            <CurrencyConverter />\n            <NewsFeed />\n        </div>\n\n    </div>\n  )\n}\n\nexport default App\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport './index.css'\nimport App from './App'\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n)"],"sourceRoot":""}