From cbaf34d39c25d728c972c7eb604c028194f7c45d Mon Sep 17 00:00:00 2001
From: Hayden Hargreaves <hhargreaves2006@gmail.com>
Date: Thu, 8 Jan 2026 21:30:01 -0700
Subject: [PATCH 1/2] (FIX): Simple fixes that got pointed out last week.

Back to docker fixes.
---
 web/src/components/inputs/RecipeSearchBar.tsx | 4 ++--
 web/src/pages/Create.tsx                      | 3 ++-
 web/src/types/routes.ts                       | 2 ++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/inputs/RecipeSearchBar.tsx b/web/src/components/inputs/RecipeSearchBar.tsx
index f387064..8a7e914 100644
--- a/web/src/components/inputs/RecipeSearchBar.tsx
+++ b/web/src/components/inputs/RecipeSearchBar.tsx
@@ -86,7 +86,7 @@ export default function RecipeSearchBar({ redirect, searchOnLoad, favorites, set
 
   return (
     <form className="w-full px-4 my-8" onSubmit={(e) => void searchHandler(e)}>
-      <div className="flex w-full gdisbaledap-x-2">
+      <div className="flex w-full gap-x-2">
         <div className="relative w-full">
           <input type="hidden" name="redirect" value={JSON.stringify(redirect)} />
           <input
@@ -95,7 +95,7 @@ export default function RecipeSearchBar({ redirect, searchOnLoad, favorites, set
             placeholder="Search recipes, ingredients..."
             value={filters ? filters.Search : ""}
             onChange={queryInputHandler}
-            className="w-[99%] pr-4 pl-10 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+            className="w-full pr-4 pl-10 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
           />
           <button className="absolute left-3 top-1/2 -translate-y-1/2">
             <svg
diff --git a/web/src/pages/Create.tsx b/web/src/pages/Create.tsx
index 118e290..d512780 100644
--- a/web/src/pages/Create.tsx
+++ b/web/src/pages/Create.tsx
@@ -17,6 +17,7 @@ import { CreateRecipe } from "../services/RecipeService";
 import type { CreateRecipeRequest } from "../types/api/recipe";
 import { isApiError } from "../types/api/error";
 import { useNavigate } from "react-router-dom";
+import ROUTE_CONSTANTS from "../types/routes";
 
 // TODO: Move these
 export interface RecipeValidationEntry {
@@ -158,7 +159,7 @@ export default function Create() {
       return;
     }
     // TODO: Success toast!
-    await navigate(`/web/recipe/${response.Id}`);
+    await navigate(ROUTE_CONSTANTS.Recipe(response.Id));
   };
 
   // Import ingredients
diff --git a/web/src/types/routes.ts b/web/src/types/routes.ts
index 955102b..a2e194e 100644
--- a/web/src/types/routes.ts
+++ b/web/src/types/routes.ts
@@ -8,6 +8,7 @@ const ROUTE_CONSTANTS: {
   ShoppingList: string;
   Login: string;
   History: string;
+  Recipe: (id: number) => string;
 } = {
   Home: `${VERSION_FLAG}/web/home`,
   Favorites: `${VERSION_FLAG}/web/favorites`,
@@ -16,6 +17,7 @@ const ROUTE_CONSTANTS: {
   ShoppingList: `${VERSION_FLAG}/web/list`,
   Login: `${VERSION_FLAG}/web/login`,
   History: `${VERSION_FLAG}/web/history`,
+  Recipe: (id: number) => `${VERSION_FLAG}/web/recipe/${id}`,
 };
 
 export default ROUTE_CONSTANTS;
-- 
2.47.2


From fd113091a0b2f1001deeba6662d48151d025c6b2 Mon Sep 17 00:00:00 2001
From: Hayden Hargreaves <hhargreaves2006@gmail.com>
Date: Thu, 8 Jan 2026 21:54:55 -0700
Subject: [PATCH 2/2] (CI/CD): This might actually fix the problems

---
 .github/workflows/deploy.yml                 | 4 +---
 web/Dockerfile                               | 7 +------
 web/src/services/AuthService.ts              | 2 +-
 web/src/services/EngagementService.ts        | 2 +-
 web/src/services/RecipeService.ts            | 2 +-
 web/src/services/UserService.ts              | 2 +-
 web/src/services/{util.ts => environment.ts} | 4 ++--
 7 files changed, 8 insertions(+), 15 deletions(-)
 rename web/src/services/{util.ts => environment.ts} (72%)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index d39f022..8eeaacd 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -25,7 +25,7 @@ jobs:
           context: .
           file: ./Dockerfile
           push: true
-          tags: azpect3120/potion.gophernest:latest
+          tags: azpect3120/potion.backend:latest
 
       - name: Build and push frontend Docker image
         uses: docker/build-push-action@v5
@@ -36,5 +36,3 @@ jobs:
           tags: azpect3120/potion.frontend:latest
           build-args: |
             VITE_ENVIRONMENT=prod
-            VITE_DOMAIN_DEV=http://localhost:3000
-            VITE_DOMAIN_PROD=https://potion-backend.gophernest.net
diff --git a/web/Dockerfile b/web/Dockerfile
index 99fc94d..5d08817 100644
--- a/web/Dockerfile
+++ b/web/Dockerfile
@@ -7,14 +7,9 @@ RUN npm install
 
 COPY . .
 
-# Build-time config: defaults are prod-safe, can be overridden if needed
+# Build-time config: just env selector
 ARG VITE_ENVIRONMENT=prod
-ARG VITE_DOMAIN_DEV=http://localhost:3000
-ARG VITE_DOMAIN_PROD=https://potion-backend.gophernest.net
-
 ENV VITE_ENVIRONMENT=$VITE_ENVIRONMENT
-ENV VITE_DOMAIN_DEV=$VITE_DOMAIN_DEV
-ENV VITE_DOMAIN_PROD=$VITE_DOMAIN_PROD
 
 RUN npm run build
 
diff --git a/web/src/services/AuthService.ts b/web/src/services/AuthService.ts
index 1adb4b3..460bc5f 100644
--- a/web/src/services/AuthService.ts
+++ b/web/src/services/AuthService.ts
@@ -1,7 +1,7 @@
 import axios from "axios";
 import type { GetGoogleAuthUrlResponse, LogoutResponse } from "../types/api/auth";
 import type { ApiError } from "../types/api/error";
-import { GetBackendUrl } from "./util";
+import { GetBackendUrl } from "./environment";
 
 const BACKEND_URL = GetBackendUrl();
 
diff --git a/web/src/services/EngagementService.ts b/web/src/services/EngagementService.ts
index 6677c20..1187b29 100644
--- a/web/src/services/EngagementService.ts
+++ b/web/src/services/EngagementService.ts
@@ -2,7 +2,7 @@ import axios from "axios";
 import type { ApiError } from "../types/api/error";
 import type { Engagement } from "../types/engagement";
 import type { EngagementFavoriteRecipeResponse, EngagementMakeRecipeResponse, EngagementShareRecipeResponse, EngagementViewRecipeResponse } from "../types/api/engagement";
-import { GetBackendUrl } from "./util";
+import { GetBackendUrl } from "./environment";
 
 const BACKEND_URL = GetBackendUrl();
 
diff --git a/web/src/services/RecipeService.ts b/web/src/services/RecipeService.ts
index fd2a7c2..b4e17bc 100644
--- a/web/src/services/RecipeService.ts
+++ b/web/src/services/RecipeService.ts
@@ -3,7 +3,7 @@ import type { CreateRecipeRequest, CreateRecipeResponse, GetRecipeOfTheWeekRespo
 import type { Recipe } from "../types/recipe";
 import type { ApiError } from "../types/api/error";
 import type { SearchFilters } from "../types/search";
-import { GetBackendUrl } from "./util";
+import { GetBackendUrl } from "./environment";
 
 const BACKEND_URL = GetBackendUrl();
 
diff --git a/web/src/services/UserService.ts b/web/src/services/UserService.ts
index b9f8b63..2135937 100644
--- a/web/src/services/UserService.ts
+++ b/web/src/services/UserService.ts
@@ -4,7 +4,7 @@ import type { User } from "../types/user";
 import type { GetAuthenticateUserEngagementResponse, GetAuthenticateUserFavoritesResponse, GetAuthenticateUserMadeRecipesResponse, GetAuthenticateUserRecipesResponse, GetAuthenticateUserResponse, GetAuthenticateUserViewedRecipesResponse, GetUserResponse } from "../types/api/user";
 import type { Recipe } from "../types/recipe";
 import type { Engagement } from "../types/engagement";
-import { GetBackendUrl } from "./util";
+import { GetBackendUrl } from "./environment";
 
 const BACKEND_URL = GetBackendUrl();
 
diff --git a/web/src/services/util.ts b/web/src/services/environment.ts
similarity index 72%
rename from web/src/services/util.ts
rename to web/src/services/environment.ts
index e749dce..3dba376 100644
--- a/web/src/services/util.ts
+++ b/web/src/services/environment.ts
@@ -6,9 +6,9 @@ export function GetBackendUrl(): string {
 
   switch (env.toLowerCase()) {
     case "dev":
-      return ENV.VITE_DOMAIN_DEV as string;
+      return "http://localhost:3000";
     case "prod":
-      return ENV.VITE_DOMAIN_PROD as string;
+      return "https://potion-backend.gophernest.net";
     default:
       return ""
   }
-- 
2.47.2