tsk-2: Login (#4)

Closes #2

Reviewed-on: phoenix/textsender#4
Co-authored-by: phoenix <kundeng00@pm.me>
Co-committed-by: phoenix <kundeng00@pm.me>

src/components/Register.jsx

@@ -1,6 +1,8 @@
 import { useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import './Register.css';
+import { AUTH_API_BASE_URL } from '../constants/api';
+import { DATA_KEY_REGISTERED_USER_ID } from '../constants/app';
 
 const Register = () => {
   const navigate = useNavigate();
@@ -80,18 +82,13 @@ const Register = () => {
       // Prepare data for API call (remove confirmPassword)
       const { confirmPassword, ...userData } = formData;
 
-      // Simulate API call
-      console.log('Submitting registration data:', userData);
-
-      // Mock API call delay
-      await new Promise((resolve) => setTimeout(resolve, 1500));
       const reqBod = {
         phone_number: userData.phoneNumber,
         username: userData.username,
         password: userData.password,
       };
 
-      const response = await fetch('http://localhost:9080/api/v1/register', {
+      const response = await fetch(`${AUTH_API_BASE_URL}/api/v1/register`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(reqBod),
@@ -100,7 +97,8 @@ const Register = () => {
       if (response.ok) {
         alert('Registration successful! Redirecting to login...');
         const res = await response.json();
-        console.log(res.message);
+        console.log(`Result: ${res.message}`);
+        localStorage.setItem(DATA_KEY_REGISTERED_USER_ID, res.data[0].id);
         navigate('/login');
       } else {
         console.error('Error registering');