fix: tab routing (#37)

frontend/app/(postcreation)/components/post-creation-form.tsx → frontend/app/(app)/(tabs)/post/components/post-creation-form.tsx

@@ -1,19 +1,17 @@
-import React, { useEffect, useState } from 'react';
-import { View, Text, Modal, TouchableOpacity } from 'react-native';
+import React, { useState } from 'react';
+import { View, Text, Modal } from 'react-native';
 import { useFormContext, Controller } from 'react-hook-form';
-import ImagePicker from '../../../components/image-picker';
-import BigText from '../../../components/bigtext';
-import Input from '../../../components/input';
-import Button from '../../../components/button';
+import ImagePicker from '../../../../../components/image-picker';
+import BigText from '../../../../../components/bigtext';
+import Button from '../../../../../components/button';
 import PageButton from './page-button';
 import { router } from 'expo-router';
-import Tag from '../../../components/tag';
-import { apiConfig } from '../../../api/apiContext';
-import { useAuthStore } from '../../../auth/authStore';
-import Map from '../../../components/map';
-import IconButton from '../../../components/icon-button';
+import Tag from '../../../../../components/tag';
+import { apiConfig } from '../../../../../api/apiContext';
+import { useAuthStore } from '../../../../../auth/authStore';
+import Map from '../../../../../components/map';
+import IconButton from '../../../../../components/icon-button';
 import { faAngleLeft } from '@fortawesome/free-solid-svg-icons';
-import { number } from 'zod';
 import { Location, FormFields } from '../_layout';
 
 export default function PostCreationForm() {
@@ -33,6 +31,8 @@ export default function PostCreationForm() {
     setValue('tags', newFish);
   };
 
+  const API_BASE_URL = apiConfig;
+
   const { control, trigger, handleSubmit } = useFormContext<FormFields>();
 
   const getLocation = () => {
@@ -48,7 +48,7 @@ export default function PostCreationForm() {
     }
     console.log(postData);
     try {
-      const response = await fetch('http://localhost:3000/divelog', {
+      const response = await fetch(`${API_BASE_URL}/divelog`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -141,7 +141,7 @@ export default function PostCreationForm() {
             outline="gray-400"
             text="Choose Fish"
             backgroundColor="white"
-            onPress={() => router.push('/tag-fish')}
+            onPress={() => router.push('./post/tag-fish')}
           />
         ) : (
           <View className="flex flex-row border border-[#d2d9e2] rounded-md items-center pl-2 w-full min-h-[5vh] mb-5">

frontend/app/(postcreation)/tag-fish.tsx → frontend/app/(app)/(tabs)/post/tag-fish.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, Text, Image, TextInput } from 'react-native';
 import { useFormContext } from 'react-hook-form';
-import Tag from '../../components/tag';
+import Tag from '../../../../components/tag';
 import FishSearch from './components/fish-search';
 import { Location, FormFields } from './_layout';
 
@@ -32,7 +32,7 @@ export default function TagFish() {
       <View className="flex flex-row border border-[#d2d9e2] rounded-md items-center pl-2 w-full min-h-[5vh] mb-5">
         <Image
           className="h-[2.5vh] w-[2.5vh]"
-          source={require('../../assets/search.png')}
+          source={require('../../../../assets/search.png')}
         />
         <View className="flex h-full w-full flex-row items-center flex-wrap items-center gap-2 p-2">
           {tags.map((item, index) => {

frontend/app/(app)/_layout.tsx

@@ -7,7 +7,6 @@ const Layout = () => {
     <Stack>
       <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
       <Stack.Screen name="user" options={{ headerShown: false }} />
-      <Stack.Screen name="postcreation" options={{ headerShown: false }} />
       <Stack.Screen name="divelog" options={{ headerShown: false }} />
     </Stack>
   );

frontend/app/_layout.tsx

@@ -105,7 +105,6 @@ const InitialLayout = () => {
     <Stack>
       <Stack.Screen name="(auth)" options={{ headerShown: false }} />
       <Stack.Screen name="(app)" options={{ headerShown: false }} />
-      <Stack.Screen name="(postcreation)" />
     </Stack>
   );
 };

frontend/consts/onboarding.ts

@@ -1,3 +1,5 @@
+import { apiConfig } from "../api/apiContext";
+
 export const ONBOARDING_DATA = [
   {
     title: 'Track and enhance your dives',
@@ -22,4 +24,4 @@ export const ONBOARDING_DATA = [
   },
 ];
 
-export const API_BASE_URL = 'http://localhost:3000';
+export const API_BASE_URL = apiConfig;