moved to process.env for env variables

package.json

@@ -19,6 +19,7 @@
     "expo-constants": "~14.4.2",
     "expo-file-system": "~15.4.4",
     "expo-font": "~11.4.0",
+    "expo-image": "~1.3.3",
     "expo-image-picker": "~14.3.2",
     "expo-jwt": "^1.5.0",
     "expo-linking": "~5.0.2",
@@ -32,7 +33,7 @@
     "react": "18.2.0",
     "react-hook-form": "^7.45.1",
     "react-native": "0.72.5",
-    "react-native-dotenv": "^3.4.8",
+    "react-native-dotenv": "^3.4.9",
     "react-native-gesture-handler": "~2.12.0",
     "react-native-modal-datetime-picker": "^16.0.0",
     "react-native-pager-view": "6.2.0",
@@ -42,8 +43,7 @@
     "react-native-svg": "13.9.0",
     "react-native-tab-view": "^3.5.2",
     "react-native-web": "~0.19.6",
-    "typescript": "^5.1.3",
-    "expo-image": "~1.3.3"
+    "typescript": "^5.1.3"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

src/app/(auth)/login.tsx

@@ -36,6 +36,7 @@ export default function Login() {
   } = useForm<FormData>({});
 
   const login: SubmitHandler<FormData> = async (formData) => {
+    console.log("logging in");
     try {
       const { data } = await axios.post<GetToken>("/login", formData);
       console.log("new token in login.tsx", data.token);

src/components/DynamicAvatar.tsx

@@ -1,6 +1,5 @@
 import { ImageURISource } from "react-native";
 import { Avatar } from "react-native-paper";
-import { AXIOS_BASE_URL } from "@env";
 import { PetType, UserType } from "../types/types";
 
 type DefaultPfpType = "user" | UserType | PetType;
@@ -24,7 +23,7 @@ export default function DynamicAvatar({
 
     // otherwise convert it to an ImageUriSource
     return {
-      uri: AXIOS_BASE_URL + "/images/" + pfp,
+      uri: process.env.AXIOS_BASE_URL + "/images/" + pfp,
     };
   };
 

src/components/DynamicCardCover.tsx

@@ -1,5 +1,4 @@
 import { Image, ImageProps, ImageSourcePropType } from "react-native";
-import { AXIOS_BASE_URL } from "@env";
 import { PetType, UserType } from "../types/types";
 
 type DefaultImageType = "user" | UserType | PetType;
@@ -16,7 +15,7 @@ export default function DynamicCardCover({
 }: DynamicCardCoverProps) {
   const getImageSource = (): ImageSourcePropType => {
     return {
-      uri: AXIOS_BASE_URL + "/images/" + imageId,
+      uri: process.env.AXIOS_BASE_URL + "/images/" + imageId,
       method: "GET",
     };
   };

src/contexts/auth.tsx

@@ -9,7 +9,6 @@ import {
 } from "react";
 import JWT from "expo-jwt";
 import * as SecureStore from "expo-secure-store";
-import { JWT_SECRET } from "@env";
 import axios from "axios";
 import { UserType } from "../types/types";
 
@@ -76,7 +75,7 @@ export function AuthProvider({ children }: PropsWithChildren) {
   // stores and sets the token
   const updateTokenUser = async (token: string) => {
     try {
-      const decode = JWT.decode<TokenUser>(token, JWT_SECRET);
+      const decode = JWT.decode<TokenUser>(token, process.env.JWT_SECRET ?? "");
       // set the Authorization header to send in axios calls if decode is
       // successful
       axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;

src/index.ts

@@ -1,9 +1,8 @@
-import { AXIOS_BASE_URL } from "@env";
 import { LogBox } from "react-native";
 import axios from "axios";
 import "expo-router/entry";
 
-axios.defaults.baseURL = AXIOS_BASE_URL;
+axios.defaults.baseURL = process.env.AXIOS_BASE_URL;
 
 // Ignore Stack deprecation warning as this is a bug in expo router
 // https://github.com/expo/router/issues/834