feat: update prices with the platform %

Vagabonds-Labs · Feb 23, 2025 · 20ba395 · 20ba395
1 parent 5b751ea
commit 20ba395
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 13 deletions.
diff --git a/apps/web/public/locales/es/common.json b/apps/web/public/locales/es/common.json
@@ -155,7 +155,7 @@
 		"grounded": "Molido"
 	},
 	"total": "total",
-	"adding_to_cart": "Añadiendo al carrito...",
+	"adding_to_cart": "Añadiendo...",
 	"add_to_cart": "Añadir al carrito",
 	"shopping_cart_title": "Mi carrito",
 	"cart_empty_message": "Tu carrito está vacío",

diff --git a/apps/web/src/app/_components/features/ProductCatalog.tsx b/apps/web/src/app/_components/features/ProductCatalog.tsx
@@ -16,6 +16,8 @@ import {
 import { api } from "~/trpc/react";
 import type { NftMetadata, Product } from "./types";
 
+const MARKET_FEE_BPS = 5000; // 50%
+
 interface ProductCatalogProps {
 	isConnected?: boolean;
 	onConnect?: () => void;
@@ -41,6 +43,11 @@ export default function ProductCatalog({
 		},
 	});
 
+	const calculateTotalPrice = (price: number): number => {
+		const fee = (price * MARKET_FEE_BPS) / 10000;
+		return price + fee;
+	};
+
 	const { data, fetchNextPage, hasNextPage, isFetchingNextPage } =
 		api.product.getProducts.useInfiniteQuery(
 			{
@@ -125,14 +132,16 @@ export default function ProductCatalog({
 			);
 		};
 
+		const totalPrice = calculateTotalPrice(product.price);
+
 		return (
 			<ProductCard
 				key={product.id}
 				image={imageUrl}
 				region={metadata?.region ?? ""}
 				farmName={metadata?.farmName ?? ""}
 				variety={t(product.name)}
-				price={product.price}
+				price={totalPrice}
 				badgeText={t(`strength.${metadata?.strength?.toLowerCase()}`)}
 				onClick={() => accessProductDetails(product.id)}
 				onAddToCart={handleAddToCart}

diff --git a/apps/web/src/app/shopping-cart/page.tsx b/apps/web/src/app/shopping-cart/page.tsx
@@ -18,6 +18,8 @@ import {
 	useStarkContract,
 } from "../../services/contractsInterface";
 
+const MARKET_FEE_BPS = 5000; // 50%
+
 interface DeleteModalProps {
 	isOpen: boolean;
 	onConfirm: () => void;
@@ -160,9 +162,15 @@ export default function ShoppingCart() {
 		}
 	};
 
+	const calculateTotalPrice = (price: number): number => {
+		const fee = (price * MARKET_FEE_BPS) / 10000;
+		return price + fee;
+	};
+
 	const totalPrice =
 		cart?.items.reduce(
-			(total, item) => total + item.product.price * item.quantity,
+			(total, item) =>
+				total + calculateTotalPrice(item.product.price) * item.quantity,
 			0,
 		) ?? 0;
 
@@ -229,7 +237,7 @@ export default function ShoppingCart() {
 							</div>
 							<div className="flex items-center gap-4">
 								<span className="text-gray-900">
-									{item.product.price * item.quantity} USD
+									{calculateTotalPrice(item.product.price) * item.quantity} USD
 								</span>
 								<button
 									type="button"

diff --git a/apps/web/src/app/user/register-coffee/page.tsx b/apps/web/src/app/user/register-coffee/page.tsx
@@ -237,12 +237,6 @@ export default function RegisterCoffee() {
 						</div>
 					</div>
 					<div className="my-8 flex justify-between items-center">
-						<div className="flex items-center font-medium">
-							<ArrowPathRoundedSquareIcon className="w-6 h-6 mr-2" />
-							<label className="text-content-body-default">
-								{t("operating_fee")}
-							</label>
-						</div>
 						<p className="text-content-body-default">
 							${operatingFee.toFixed(2)} USD
 						</p>

diff --git a/packages/ui/src/cartSidebar.tsx b/packages/ui/src/cartSidebar.tsx
@@ -5,6 +5,8 @@ import { Separator } from "./separator";
 import { Sidebar } from "./sidebar";
 import { Text } from "./typography";
 
+const MARKET_FEE_BPS = 5000; // 50%
+
 interface CartSidebarProps {
 	isOpen: boolean;
 	onClose: () => void;
@@ -20,24 +22,38 @@ export function CartSidebar({
 	onClose,
 	children,
 	title,
-	totalPrice,
+	totalPrice: basePrice,
 	onCheckout,
 	checkoutLabel = "Checkout",
 }: CartSidebarProps) {
+	const calculateTotalPrice = (price: number): number => {
+		const fee = (price * MARKET_FEE_BPS) / 10000;
+		return price + fee;
+	};
+
+	const totalPrice =
+		basePrice !== undefined ? calculateTotalPrice(basePrice) : undefined;
+
 	const footer = totalPrice !== undefined && onCheckout && (
 		<div className="flex flex-col gap-4 w-full">
 			<Separator className="mb-2" />
 			<div className="flex flex-col gap-2">
 				<div className="flex justify-between items-center">
 					<Text className="text-base text-gray-500">Subtotal</Text>
 					<Text className="text-base font-medium">
-						${totalPrice.toFixed(2)} USD
+						${basePrice?.toFixed(2)} USD
+					</Text>
+				</div>
+				<div className="flex justify-between items-center">
+					<Text className="text-base text-gray-500">Fee (50%)</Text>
+					<Text className="text-base font-medium">
+						${((totalPrice ?? 0) - (basePrice ?? 0)).toFixed(2)} USD
 					</Text>
 				</div>
 				<div className="flex justify-between items-center">
 					<Text className="text-base font-semibold">Total</Text>
 					<Text className="text-lg font-bold">
-						${totalPrice.toFixed(2)} USD
+						${totalPrice?.toFixed(2)} USD
 					</Text>
 				</div>
 			</div>