frontend: big upgrade

frontend/src/utils/fetchHosting.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react';
 import type { Hosting } from '../types';
+import { API_URL } from '../constants/constants';
 
 const mockData: Hosting = {
     1: {
@@ -33,7 +34,7 @@ const useFetchHosting = () => {
         setLoading(true);
         setError(null);
         try {
-            const response = await fetch('/hosting');
+            const response = await fetch(`${API_URL}/hosting`);
             if (response.status != 200) {
                 throw new Error('Network response was not ok');
             }
@@ -48,7 +49,7 @@ const useFetchHosting = () => {
         setLoading(true);
         setError(null);
         try {
-            const response = await fetch(`/hosting/${id}`, {
+            const response = await fetch(`${API_URL}/hosting/${id}`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',

frontend/src/utils/fetchUser.tsx

@@ -1,20 +1,13 @@
-import { useState } from 'react';
 import { useCookies } from 'react-cookie';
-
-interface User {
-    password?: string;
-}
-
-interface UserData {
-    [key: string]: User;
-}
+import { API_URL } from '../constants/constants';
+import { hashPassword } from './hashPassword';
 
 const useFetchUser = () => {
-    const [cookies, setCookie] = useCookies(['apiToken']);
+    const [, setCookie] = useCookies(['apiToken']);
 
     const userSet = async (userName: string): Promise<boolean> => {
         try {
-            const response = await fetch(`/users/isSet?userName=${encodeURIComponent(userName)}`);
+            const response = await fetch(`${API_URL}/users/isSet?userName=${encodeURIComponent(userName)}`);
             if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
             const data = await response.json();
             return data; // Assuming the server returns true/false
@@ -28,12 +21,12 @@ const useFetchUser = () => {
         // Simple validation: password should not be empty and should have a minimum length
         if (!password || password.length < 6) {
             console.error('Password should be at least 6 characters long.');
-            return 'Password should be at least 6 characters long.';
+            return 'Пароль должен иметь, как минимум 6 символов';
         }
 
         try {
-            const hashedPassword = await hashPassword(password); // Implement this function to hash the password
-            const response = await fetch(`/users/createPassword`, {
+            const hashedPassword = hashPassword(password)
+            const response = await fetch(`${API_URL}/users/createPassword`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
@@ -61,8 +54,8 @@ const useFetchUser = () => {
 
     const signUser = async (userName: string, password: string): Promise<boolean> => {
         try {
-            const hashedPassword = await hashPassword(password); // Implement this function to hash the password
-            const response = await fetch(`/login`, {
+            const hashedPassword = hashPassword(password); // Implement this function to hash the password
+            const response = await fetch(`${API_URL}/login`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
@@ -88,36 +81,29 @@ const useFetchUser = () => {
         }
     };
 
-    const validToken = async (token: string | undefined): Promise<boolean> => {
+    const validToken = async (token: string | undefined, userName: string | undefined): Promise<boolean> => {
         try {
-            const response = await fetch(`/login/validateToken`, {
+            const response = await fetch(`${API_URL}/login/validateToken`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
                 },
                 body: JSON.stringify({
                     token,
+                    userName
                 }),
             });
 
             if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
             const data = await response.json();
 
-            if (data.tokenValid) {
-                return true;
-            }
-            return false;
+            return data.tokenValid
         } catch (error) {
             console.error('Error validating token:', error);
             return false;
         }
     }
 
-    const hashPassword = async (password: string): Promise<string> => {
-        // Placeholder implementation, replace with actual hashing logic (e.g. bcrypt)
-        return Promise.resolve(password); // Just return the password for now
-    };
-
     return { userSet, passwordCreate, signUser, validToken };
 };
 

frontend/src/utils/hashPassword.tsx

@@ -0,0 +1,10 @@
+// src/utils/passwordHasher.ts
+import SHA256 from 'crypto-js/sha256';
+/**
+ * Hashes a password using SHA-256.
+ * @param {string} password - The plain text password.
+ * @returns {string} - The hashed password in hex format.
+ */
+export const hashPassword = (password: string): string => {
+    return SHA256(password).toString(); // Returns the hash in hex format
+};