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 #66

Merged
azpect merged 3 commits from refactor/react into master 2026-01-08 22:22:03 -07:00
Conversation 0 Commits 3 Files Changed 1 +4 -4
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 { EngagementShareRecipe } from "../../services/EngagementService";
import { isApiError } from "../../types/api/error";
import { GetBackendUrl } from "../../services/environment";
import ROUTE_CONSTANTS from "../../types/routes";
interface ShareButtonProps {
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) {
const [clicked, setClicked] = useState<boolean>(false);
@ -17,7 +16,8 @@ export default function ShareButton({ id }: ShareButtonProps) {
if (clicked) return;
// 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);
if (isApiError(result)) {