From 503478627055461b96f0d3b2a67012c47d601bc2 Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Sun, 25 Dec 2022 16:33:36 +0500
Subject: [PATCH] line chart bug fixed

---
 src/components/ChartTable.jsx | 4 +++-
 src/components/DataChart.jsx  | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ChartTable.jsx b/src/components/ChartTable.jsx
index 0b3016d..d03df91 100644
--- a/src/components/ChartTable.jsx
+++ b/src/components/ChartTable.jsx
@@ -1,6 +1,8 @@
 // Modules
 import { useState, useEffect } from 'react';
 import { Api } from '../helpers/api';
+import { v4 as uuidv4 } from 'uuid';
+
 // Components
 import TableRow from './TableRow';
 
@@ -60,7 +62,7 @@ const ChartTable = ({ activeRow, setActiveRow, tabIndex, lang }) => {
           ? dataTable.data.map((tableRow, index) => {
               return (
                 <TableRow
-                  key={tableRow.id}
+                  key={uuidv4()}
                   title={tableRow.title}
                   titleHide={tableRow.title.length > 7 ? 'title-hide' : null}
                   priceChange={tableRow.price_change}
diff --git a/src/components/DataChart.jsx b/src/components/DataChart.jsx
index 03f7ee8..2d0dd7d 100644
--- a/src/components/DataChart.jsx
+++ b/src/components/DataChart.jsx
@@ -2,6 +2,7 @@
 import React from 'react';
 import { useState, useEffect } from 'react';
 import { Api } from '../helpers/api';
+import { v4 as uuidv4 } from 'uuid';
 // Components
 import ChartTable from './ChartTable';
 import LineChart from './LineChart';
@@ -43,7 +44,7 @@ const DataChart = ({ lang }) => {
               ? tabData.data.map((tab, index) => {
                   return (
                     <div
-                      key={tab.id}
+                      key={uuidv4()}
                       className={`${tabIndex === tab.id ? 'active' : ''} tab`}
                       onClick={() => {
                         tabDataFetch(tab.id, index);