Fix API endpoint in useChartData hook

Update relay count endpoint from /api/relaycount to /api/relay/count
and remove commented code.

Author: Maphikza

src/hooks/useChartData.ts

@@ -27,7 +27,7 @@ const useChartData = () => {
           throw new Error('No authentication token found');
         }
 
-        const response = await fetch(`${config.baseURL}/api/relaycount`, {
+        const response = await fetch(`${config.baseURL}/api/relay/count`, {
           method: 'GET',
           headers: {
             'Content-Type': 'application/json',
@@ -71,89 +71,3 @@ const useChartData = () => {
 };
 
 export default useChartData;
-
-
-// import { useState, useEffect } from 'react';
-// import { useTranslation } from 'react-i18next';
-// import { useDispatch } from 'react-redux';
-// import config from '@app/config/config';
-// import { readToken, deleteToken, deleteUser } from '@app/services/localStorage.service';
-// import { setUser } from '@app/store/slices/userSlice';
-// import { message } from 'antd';
-
-// interface ChartDataItem {
-//   value: number;
-//   name: string;
-// }
-
-// const useChartData = () => {
-//   const [chartData, setChartData] = useState<ChartDataItem[] | null>(null);
-//   const [isLoading, setIsLoading] = useState<boolean>(true);
-//   const { t } = useTranslation();
-//   const dispatch = useDispatch();
-
-//   const handleLogout = () => {
-//     deleteToken();
-//     deleteUser();
-//     dispatch(setUser(null));
-//     console.log('Token deleted, user logged out');
-//     message.info('You have been logged out. Please login again.');
-//   };
-
-//   useEffect(() => {
-//     console.log('Component mounted, starting data fetch...');
-//     const fetchData = async () => {
-//       console.log('Preparing to fetch data...');
-//       setIsLoading(true);
-//       try {
-//         const token = readToken();
-//         if (!token) {
-//           throw new Error('No authentication token found');
-//         }
-//         console.log('Sending request to server...');
-//         const response = await fetch(`${config.baseURL}/api/relaycount`, {
-//           method: 'GET',
-//           headers: {
-//             'Content-Type': 'application/json',
-//             'Authorization': `Bearer ${token}`,
-//           },
-//         });
-//         if (!response.ok) {
-//           if (response.status === 401) {
-//             handleLogout();
-//             throw new Error('Authentication failed. You have been logged out.');
-//           }
-//           throw new Error(`Network response was not ok (status: ${response.status})`);
-//         }
-//         const data = await response.json();
-//         console.log('Response Data:', data);
-//         // Process the data into chartDataItems using translated names
-//         const newChartData: ChartDataItem[] = [
-//           { value: data.kinds, name: t('categories.kinds') },
-//           { value: data.photos, name: t('categories.photos') },
-//           { value: data.videos, name: t('categories.videos') },
-//           { value: data.audio, name: t('categories.audio') },
-//           { value: data.misc, name: t('categories.misc') },
-//         ];
-//         setChartData(newChartData);
-//       } catch (error) {
-//         console.error('Error:', error);
-//         message.error(error instanceof Error ? error.message : 'An error occurred');
-//         setChartData(null);
-//       } finally {
-//         console.log('Fetching process complete.');
-//         setIsLoading(false);
-//       }
-//     };
-
-//     fetchData();
-
-//     return () => {
-//       console.log('Cleanup called; Component unmounting...');
-//     };
-//   }, [t, dispatch]);
-
-//   return { chartData, isLoading };
-// };
-
-// export default useChartData;