Fix api request to coingecko

Author: pycanis

apps/server/src/index.ts

@@ -22,8 +22,9 @@ import { errorMiddleware } from "./utils/middlewares";
 			contentSecurityPolicy: {
 				directives: {
 					scriptSrc: isProd
-						? ["'self'", "'unsafe-inline'"] // astro needs 'unsafe-inline', look into https://github.com/KindSpells/astro-shield
+						? ["'self'", "'unsafe-inline'"] // astro needs 'unsafe-inline'
 						: ["'self'", "'unsafe-eval'", "'unsafe-inline'"],
+					connectSrc: ["'self'", "https://api.coingecko.com"],
 				},
 			},
 		}),

apps/web/src/containers/Claim.tsx

@@ -29,17 +29,17 @@ export const Claim = () => {
 		getClaimsByIds([id]).then((claims) => {
 			setClaim(claims[0]);
 		});
-
-		getBitcoinExchangeRate().then((rate) => {
-			setUsdExchangeRate(rate);
-		});
 	}, [id]);
 
 	useEffect(() => {
 		if (!claim || claim.status !== ClaimStatus.PAID) {
 			return;
 		}
 
+		getBitcoinExchangeRate().then((rate) => {
+			setUsdExchangeRate(rate);
+		});
+
 		const eventSource = subscribeSSE<{ paymentId: string }>(
 			`${import.meta.env.PUBLIC_API_URL || ""}/api/payments/${claim.id}`,
 			({ paymentId }) => {