@@ -42,6 +42,7 @@ const useSortableData = (items, config = null) => {
4242
4343const DisplayTable = ( { tableData, isDarkMode } ) => {
4444 const { items, requestSort, sortConfig } = useSortableData ( tableData ) ;
45+ // console.log(tableData);
4546 const [ displayDist , setDisplayDist ] = useState ( false ) ;
4647 const [ distId , setDistId ] = useState ( "" ) ;
4748
@@ -61,9 +62,7 @@ const DisplayTable = ({ tableData, isDarkMode }) => {
6162 setDisplayDist ( ! displayDist ) ;
6263 } ;
6364
64- useEffect ( ( ) => {
65- console . log ( distId , displayDist ) ;
66- } , [ distId , displayDist ] ) ;
65+ useEffect ( ( ) => { } , [ distId , displayDist ] ) ;
6766
6867 return (
6968 < table >
@@ -127,16 +126,25 @@ const DisplayTable = ({ tableData, isDarkMode }) => {
127126 ? faArrowCircleDown
128127 : faArrowCircleRight
129128 }
130- className = "but"
131129 onClick = { ( ) => toggleDistView ( item . id ) }
132130 /> { " " }
133131 { item . name }
134132 </ td >
133+
135134 < td style = { lightText } > { item . confirmed } </ td >
136135 < td style = { lightText } > { item . active } </ td >
137136 < td style = { lightText } > { item . discharged } </ td >
138137 < td style = { lightText } > { item . deaths } </ td >
139138 </ tr >
139+ /* {distId === item.id && displayDist ? (
140+ <tr>
141+ <td style={lightText}>{item.name}</td>
142+ <td style={lightText}>{item.confirmed}</td>
143+ <td style={lightText}>{item.active}</td>
144+ <td style={lightText}>{item.discharged}</td>
145+ <td style={lightText}>{item.deaths}</td>
146+ </tr>
147+ ) : null} */
140148 ) ) }
141149 </ tbody >
142150 </ table >
0 commit comments