azpect/Potion
1
1
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

(FIX): Fixing the issue with the localhost share button

Browse Source
This commit is contained in:
Hayden Hargreaves 2026-01-08 22:21:29 -07:00
parent adb0c0d807
commit ecea23355c
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/buttons/ShareButton.tsx
View File

@ -1,15 +1,14 @@
import { useState } from "react"; import { useState } from "react";
import { EngagementShareRecipe } from "../../services/EngagementService"; import { EngagementShareRecipe } from "../../services/EngagementService";
import { isApiError } from "../../types/api/error"; import { isApiError } from "../../types/api/error";
import { GetBackendUrl } from "../../services/environment";
import ROUTE_CONSTANTS from "../../types/routes";
interface ShareButtonProps { interface ShareButtonProps {
id: number; id: number;
} }
// TODO: Abstract this somehow, this needs to be loaded from the env
const DOMAIN = "http://localhost:5173/";
export default function ShareButton({ id }: ShareButtonProps) { export default function ShareButton({ id }: ShareButtonProps) {
const [clicked, setClicked] = useState<boolean>(false); const [clicked, setClicked] = useState<boolean>(false);
@ -17,7 +16,8 @@ export default function ShareButton({ id }: ShareButtonProps) {
if (clicked) return; if (clicked) return;
// Copy first, so it feels fast // Copy first, so it feels fast
await navigator.clipboard.writeText(`${DOMAIN}/v2/web/recipe/${id}`) const url = `${GetBackendUrl()}${ROUTE_CONSTANTS.Recipe(id)}`;
await navigator.clipboard.writeText(url);
const result = await EngagementShareRecipe(id); const result = await EngagementShareRecipe(id);
if (isApiError(result)) { if (isApiError(result)) {