fix: 영수증 URL 계산을 컴포넌트에서 하도록 수정

Author: MU-Software

packages/shop/src/components/features/order.tsx

@@ -31,16 +31,14 @@ const PaymentHistoryStatusTranslated: {
   refunded: "환불됨",
 };
 
-const OrderItem: React.FC<{
-  order: ShopSchemas.Order;
-  disabled?: boolean;
-}> = ({ order, disabled }) => {
+const OrderItem: React.FC<{ order: ShopSchemas.Order; disabled?: boolean }> = ({ order, disabled }) => {
+  const { shopApiDomain } = ShopHooks.useShopContext();
   const orderRefundMutation = ShopHooks.useOrderRefundMutation();
   const oneItemRefundMutation = ShopHooks.useOneItemRefundMutation();
   const optionsOfOneItemInOrderPatchMutation = ShopHooks.useOptionsOfOneItemInOrderPatchMutation();
 
   const refundOrder = () => orderRefundMutation.mutate({ order_id: order.id });
-  const openReceipt = () => window.open(ShopUtils.getReceiptUrlFromOrder(order), "_blank");
+  const openReceipt = () => window.open(`${shopApiDomain}/v1/orders/${order.id}/receipt/`, "_blank");
 
   const isPending =
     disabled ||

packages/shop/src/utils/index.ts

@@ -1,6 +1,5 @@
 import * as R from "remeda";
 
-import ShopHooks from '../hooks';
 import ShopSchemas from "../schemas";
 import { startPortOnePurchase as _startPortOnePurchase } from "./portone";
 
@@ -30,11 +29,6 @@ namespace ShopAPIUtil {
     return false;
   };
 
-  export const getReceiptUrlFromOrder = (order: ShopSchemas.Order) => {
-    const { shopApiDomain } = ShopHooks.useShopContext();
-    return `${shopApiDomain}/v1/orders/${order.id}/receipt/`;
-  }
-
   export const startPortOnePurchase = _startPortOnePurchase;
 }