feat: update API endpoint references in frontend components for activities, leaderboard, teams, users, and workouts

This commit is contained in:
2026-06-20 02:28:55 +00:00
parent 112624fff9
commit e046a15409
5 changed files with 5 additions and 10 deletions
@@ -1,5 +1,4 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { API_BASE } from '../lib/apiBase'
function Activities() { function Activities() {
const [activities, setActivities] = useState([]) const [activities, setActivities] = useState([])
@@ -7,7 +6,7 @@ function Activities() {
const [error, setError] = useState(null) const [error, setError] = useState(null)
useEffect(() => { useEffect(() => {
fetch(`${API_BASE}/activities/`) fetch('/api/activities/')
.then((res) => { .then((res) => {
if (!res.ok) throw new Error(`HTTP ${res.status}`) if (!res.ok) throw new Error(`HTTP ${res.status}`)
return res.json() return res.json()
@@ -1,5 +1,4 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { API_BASE } from '../lib/apiBase'
function Leaderboard() { function Leaderboard() {
const [leaderboards, setLeaderboards] = useState([]) const [leaderboards, setLeaderboards] = useState([])
@@ -7,7 +6,7 @@ function Leaderboard() {
const [error, setError] = useState(null) const [error, setError] = useState(null)
useEffect(() => { useEffect(() => {
fetch(`${API_BASE}/leaderboard/`) fetch('/api/leaderboard/')
.then((res) => { .then((res) => {
if (!res.ok) throw new Error(`HTTP ${res.status}`) if (!res.ok) throw new Error(`HTTP ${res.status}`)
return res.json() return res.json()
@@ -1,5 +1,4 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { API_BASE } from '../lib/apiBase'
function Teams() { function Teams() {
const [teams, setTeams] = useState([]) const [teams, setTeams] = useState([])
@@ -7,7 +6,7 @@ function Teams() {
const [error, setError] = useState(null) const [error, setError] = useState(null)
useEffect(() => { useEffect(() => {
fetch(`${API_BASE}/teams/`) fetch('/api/teams/')
.then((res) => { .then((res) => {
if (!res.ok) throw new Error(`HTTP ${res.status}`) if (!res.ok) throw new Error(`HTTP ${res.status}`)
return res.json() return res.json()
@@ -1,5 +1,4 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { API_BASE } from '../lib/apiBase'
function Users() { function Users() {
const [users, setUsers] = useState([]) const [users, setUsers] = useState([])
@@ -7,7 +6,7 @@ function Users() {
const [error, setError] = useState(null) const [error, setError] = useState(null)
useEffect(() => { useEffect(() => {
fetch(`${API_BASE}/users/`) fetch('/api/users/')
.then((res) => { .then((res) => {
if (!res.ok) throw new Error(`HTTP ${res.status}`) if (!res.ok) throw new Error(`HTTP ${res.status}`)
return res.json() return res.json()
@@ -1,5 +1,4 @@
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { API_BASE } from '../lib/apiBase'
function Workouts() { function Workouts() {
const [workouts, setWorkouts] = useState([]) const [workouts, setWorkouts] = useState([])
@@ -7,7 +6,7 @@ function Workouts() {
const [error, setError] = useState(null) const [error, setError] = useState(null)
useEffect(() => { useEffect(() => {
fetch(`${API_BASE}/workouts/`) fetch('/api/workouts/')
.then((res) => { .then((res) => {
if (!res.ok) throw new Error(`HTTP ${res.status}`) if (!res.ok) throw new Error(`HTTP ${res.status}`)
return res.json() return res.json()