From 5301940a2f6ab21b6b6bb8eb280d21e2dced2c83 Mon Sep 17 00:00:00 2001
From: Teriuihi <teriuihi@alttd.com>
Date: Sun, 28 Apr 2024 21:41:29 +0200
Subject: [PATCH] Update fetch URLs and set app base URL

The localhost:8080 server references in fetch calls within verify_mail.tsx and contact.tsx files have been updated to localhost:8002. Furthermore, the application base URL has been set to '/forms' in package.json, and in the BrowserRouter element within App.tsx, to ensure proper routing on the production server.
---
 package.json                                | 3 ++-
 src/App.tsx                                 | 2 +-
 src/components/contact_form/contact.tsx     | 2 +-
 src/components/verify_email/verify_mail.tsx | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index b452228..1babba7 100644
--- a/package.json
+++ b/package.json
@@ -1,4 +1,5 @@
 {
+  "homepage": "https://alttd.com/forms",
   "name": "forms",
   "version": "0.1.0",
   "private": true,
@@ -21,7 +22,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
-    "build": "react-scripts build",
+    "build": "set \"PUBLIC_URL=/forms\" && react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },
diff --git a/src/App.tsx b/src/App.tsx
index b9ba31e..02a85bd 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -12,7 +12,7 @@ function App() {
     return (
         <div className="app-container">
             <Header/>
-            <BrowserRouter>
+            <BrowserRouter basename="/forms">
                 <Routes>
                     <Route path="/" element={<Home/>}/>
                     <Route path="/contact" element={<ContactForm/>}/>
diff --git a/src/components/contact_form/contact.tsx b/src/components/contact_form/contact.tsx
index 96b519a..5856e14 100644
--- a/src/components/contact_form/contact.tsx
+++ b/src/components/contact_form/contact.tsx
@@ -55,7 +55,7 @@ const ContactForm = () => {
 
     const handleSubmit = async (e: FormikValues) => {
         try {
-            const response = await fetch('http://localhost:8080/api/contact/submitContactForm', {
+            const response = await fetch('http://localhost:8002/api/contact/submitContactForm', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
diff --git a/src/components/verify_email/verify_mail.tsx b/src/components/verify_email/verify_mail.tsx
index 9edeb1e..0134f89 100644
--- a/src/components/verify_email/verify_mail.tsx
+++ b/src/components/verify_email/verify_mail.tsx
@@ -42,7 +42,7 @@ const VerifyMail: FC = () => {
             eMail: email
         }
         console.log(verificationData);
-        fetch('http://localhost:8080/api/verify_email/form', {
+        fetch('http://localhost:8002/api/verify_email/form', {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',