diff --git a/src/components/ChartTable.jsx b/src/components/ChartTable.jsx index 7fb0aca..e7a5b1d 100644 --- a/src/components/ChartTable.jsx +++ b/src/components/ChartTable.jsx @@ -15,13 +15,12 @@ const ChartTable = ({ activeRow, setActiveRow, tabIndex }) => { useEffect(() => { // Table data fetch const TableApi = new Api( - // `http://tmex.gov.tm:8765/api/categories/${tabIndex}/tradings`, - `http://tmex.gov.tm:8765/api/categories/8/tradings`, + `http://tmex.gov.tm:8765/api/categories/${tabIndex}/tradings`, + // `http://tmex.gov.tm:8765/api/categories/8/tradings`, dataTable, setDataTable, - ); - TableApi.get(); - }, []); + ).get(); + }, [tabIndex]); return (
diff --git a/src/components/DataChart.jsx b/src/components/DataChart.jsx index 7447dab..7d17b97 100644 --- a/src/components/DataChart.jsx +++ b/src/components/DataChart.jsx @@ -20,8 +20,11 @@ const DataChart = ({ lang }) => { }); }, [lang]); - // console.log(tabIndex); - // setTabIndex(tabData.data[0].id); + // Functions + const tabDataFetch = (id, index) => { + setTabIndex(id); + setActiveTab(index); + }; return (
@@ -33,10 +36,9 @@ const DataChart = ({ lang }) => { return index <= 2 ? (
{ - setActiveTab(index); - // setTabIndex(tab.id); + tabDataFetch(tab.id, index); }}> {tab.title}
@@ -45,9 +47,9 @@ const DataChart = ({ lang }) => { : null}
- +
- +
diff --git a/src/components/LineChart.jsx b/src/components/LineChart.jsx index 4825406..d0ec3dc 100644 --- a/src/components/LineChart.jsx +++ b/src/components/LineChart.jsx @@ -13,17 +13,16 @@ import { useState, useEffect } from 'react'; ChartJS.register(LineElement, PointElement, LinearScale, Tooltip, CategoryScale); -const LineChart = ({ activeRow }) => { +const LineChart = ({ activeRow, tabIndex }) => { const [dataLineChart, setDataLineChart] = useState(); useEffect(() => { // Table data fetch const LineChartData = new Api( - 'http://tmex.gov.tm:8765/api/categories/8/tradings', + `http://tmex.gov.tm:8765/api/categories/${tabIndex}/tradings`, dataLineChart, setDataLineChart, - ); - LineChartData.get(); - }, []); + ).get(); + }, [tabIndex]); let delayed; diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx index 217ed44..050288b 100644 --- a/src/pages/Home.jsx +++ b/src/pages/Home.jsx @@ -20,7 +20,7 @@ const Home = ({ lang, setPostId }) => { useEffect(() => { // Video fetch - const VideoApi = new Api('http://tmex.gov.tm:8765/api/video', videoData, setVideoData).get(); + // const VideoApi = new Api('http://tmex.gov.tm:8765/api/video', videoData, setVideoData).get(); // News fetch const NewsApi = new Api('http://tmex.gov.tm:8765/api/news', newsData, setNewsData).get({ @@ -42,17 +42,14 @@ const Home = ({ lang, setPostId }) => {
- +

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eu nisl, rhoncus aenean - dignissim velit vestibulum cras ultrices etiam. Iaculis vitae imperdiet eget - fringilla a egestas purus. Iaculis vitae imperdiet eget fringilla a egestas purus. -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eu nisl, rhoncus aenean - dignissim velit vestibulum cras ultrices etiam. Iaculis vitae imperdiet eget - fringilla a egestas purus. Iaculis vitae imperdiet eget fringilla a egestas purus. + Государственная товарно-сырьевая биржа Туркменистана была создана Указом + Президента Туркменистана от 29 июля 1994 года и является важнейшим экономическим + институтом страны. Биржа выполняет функцию главного органа государственного + регулирования экспортно-импортных операций. Отлаженный механизм функционирования + позволяет ей успешно интегрироваться в международную экономическую систему.

@@ -77,7 +74,8 @@ const Home = ({ lang, setPostId }) => {
- {videoData ? : null} + {/* {videoData ? : null} */} +