localhost hotfix

frontend/components/Venue/BookmarkButton.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { View, TouchableOpacity, Image, StyleSheet } from "react-native";
 import PropTypes from "prop-types";
 import Toast from 'react-native-root-toast'
+import { API_DOMAIN } from "@env";
 
 const BookmarkButton = ({ venueID = "", userID = "" }) => {
   const bookmarkVenue = async () => {
@@ -12,7 +13,7 @@ const BookmarkButton = ({ venueID = "", userID = "" }) => {
 
     try {
       const response = await fetch(
-        `http://localhost:8080/bookmarks/${venueID}/${userID}`,
+        `${API_DOMAIN}/bookmarks/${venueID}/${userID}`,
         {
           method: "POST",
           headers: {

frontend/components/Venue/Review.tsx

@@ -1,6 +1,7 @@
 import { Text, View, StyleSheet, Image } from "react-native";
 import { useEffect, useState } from "react";
 import PropTypes from "prop-types";
+import { API_DOMAIN } from "@env";
 
 /**
  * Used to display reviews on the VenueReviews page. Contains information like overall rating, review summary, and images
@@ -68,7 +69,7 @@ const Review = ({ reviewDict = {
             setHasReviewText(false);
         }
 
-        fetch(`http://localhost:8080/profiles/${reviewDict.user_id}`)
+        fetch(`${API_DOMAIN}/profiles/${reviewDict.user_id}`)
             .then(response => response.json())
             .then(json => {
                 setUserName(json.username);

frontend/components/Venue/VenueRatings.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect } from "react";
+import { API_DOMAIN } from "@env";
 
 /**
  * Averages all rating info for a specific venue
@@ -15,7 +16,7 @@ const useVenueRatings = (venueID) => {
   const [overallRating, setOverallRating] = useState(5);
 
   useEffect(() => {
-    fetch(`http://localhost:8080/venueratings/venue/${venueID}/ratings`)
+    fetch(`${API_DOMAIN}/venueratings/venue/${venueID}/ratings`)
       .then((response) => {
         if (!response.ok) {
           throw new Error("Failed to fetch ratings");

frontend/screens/venue/PhotosScreen.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { View, StyleSheet, SafeAreaView, Image, ScrollView, Text } from "react-native";
 import { useEffect, useState } from "react";
+import { API_DOMAIN } from "@env";
 
 /**
  * Screen to display all photos that have been included in any reviews of the current venue
@@ -14,7 +15,7 @@ const PhotosScreen: React.FC = ({ venueID }) => {
 
     // get all reviews from a venue
     useEffect(() => {
-        fetch(`http://localhost:8080/venueratings/venue/${venueID}/ratings`)
+        fetch(`${API_DOMAIN}/venueratings/venue/${venueID}/ratings`)
             .then(response => response.json())
             .then(json => {
                 setReviewDictList(json);

frontend/screens/venue/RateReviewScreen.tsx

@@ -7,6 +7,7 @@ import { Feather } from "@expo/vector-icons";
 import PropTypes from "prop-types";
 import stars from "@/components/Venue/Stars";
 import Toast from 'react-native-root-toast'
+import { API_DOMAIN } from "@env";
 
 type RootStackParamList = {
   Home: undefined;
@@ -81,7 +82,7 @@ const RateReviewScreen: React.FC<ReviewScreenProps> = ({ route, navigation }) =>
 
     try {
       const response = await fetch(
-        `http://localhost:8080/userratings/user/${reviewData.user_id}/${reviewData.venue_id}`,
+        `${API_DOMAIN}/userratings/user/${reviewData.user_id}/${reviewData.venue_id}`,
         {
           method: "POST",
           headers: {

frontend/screens/venue/RatingScreen.tsx

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import {Text, View, TouchableOpacity, ScrollView, StyleSheet} from "react-native";
 import RatingScrollBar from "@/components/Venue/RatingScrollBar";
 import Toast from "react-native-root-toast";
+import { API_DOMAIN } from "@env";
 /**
  * Allows a user to submit a rating score for various specific categories
  * @param venueId venueId of the venue currently being explored
@@ -58,7 +59,7 @@ const RatingScreen: React.FC<{ venueId: string, personas: object, hype: number,
         };
 
         try {
-            const response = await fetch(`http://localhost:8080/userratings/user/${userID}/${venueId}`, {
+            const response = await fetch(`${API_DOMAIN}/userratings/user/${userID}/${venueId}`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json', 

frontend/screens/venue/VenueReviews.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { Text, View, StyleSheet, SafeAreaView, Image, TouchableOpacity, ScrollView } from "react-native";
 import { useEffect, useState } from "react";
 import Review from "@/components/Venue/Review";
+import { API_DOMAIN } from "@env";
 
 /**
  * Displays a list of all the reviews that users have posted for the given venue containing the text, overall rating
@@ -24,7 +25,7 @@ const VenueReviews: React.FC = ({ navigation, venueID, venueName, venueAddress,
   };
 
   useEffect(() => {
-    fetch(`http://localhost:8080/venueratings/venue/${venueID}/ratings`)
+    fetch(`${API_DOMAIN}/venueratings/venue/${venueID}/ratings`)
       .then((response) => response.json())
       .then((json) => {
         setReviewDictList(json);

frontend/screens/venue/VenueScreen.tsx

@@ -8,6 +8,7 @@ import isCurrentTimeInRange from "@/components/Venue/TimeCheck";
 import VenueHeader from "@/components/Venue/VenueScreenHeader";
 import RatingScreen from "./RatingScreen";
 import PersonaIcons from "@/components/Venue/PersonaIcons";
+import { API_DOMAIN } from "@env";
 
 enum VenueTabs {
     Overview = "Overview",
@@ -66,7 +67,7 @@ const VenueScreen: React.FC = ({ navigation, route }) => {
 
     // GET venue information -> name, address, type
     useEffect(() => {
-        fetch(`http://localhost:8080/venues/${venueID}`)
+        fetch(`${API_DOMAIN}/venues/${venueID}`)
             .then(response => response.json())
             .then(json => {
                 setVenueName(json.name);
@@ -91,7 +92,7 @@ const VenueScreen: React.FC = ({ navigation, route }) => {
 
     // GET venue events -> all columns
     useEffect(() => {
-        fetch(`http://localhost:8080/event/${venueID}`)
+        fetch(`${API_DOMAIN}/event/${venueID}`)
             .then(response => response.json())
             .then(json => {
                 setEventDictList(json);
@@ -102,7 +103,7 @@ const VenueScreen: React.FC = ({ navigation, route }) => {
     }, []);
 
     useEffect(() => {
-        fetch(`http://localhost:8080/venues/persona/${venueID}`)
+        fetch(`${API_DOMAIN}/venues/persona/${venueID}`)
           .then((response) => {
             if (!response.ok) {
               throw new Error('Failed to fetch personas');