fix(storefront): 🐛 fixed minor url redirect issues

sahrohit · Sep 9, 2023 · bf40165 · bf40165
1 parent 5d33014
commit bf40165
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 18 deletions.
diff --git a/apps/api/src/resolvers/user.ts b/apps/api/src/resolvers/user.ts
@@ -121,7 +121,9 @@ export class UserResolver {
 		await sendEmail(
 			options.email,
 			"Verify Email",
-			verifyEmailTemplate(`/auth/verify-email/${token}`)
+			verifyEmailTemplate(
+				`${process.env.CLIENT_URL}/auth/verify-email/${token}`
+			)
 		);
 
 		return { user };

diff --git a/apps/storefront/src/components/pages/account/order/OrderCard.tsx b/apps/storefront/src/components/pages/account/order/OrderCard.tsx
@@ -33,6 +33,7 @@ import {
 } from "@/generated/graphql";
 import {
 	OrderInfo,
+	PaymentProviderLogo,
 	colorFromStatus,
 	orderPageTextFromStatus,
 } from "@/pages/order/[id]";
@@ -41,20 +42,11 @@ import { capitalize } from "@/utils/helpers";
 import ConfirmationModal from "@/components/helpers/ConfirmationModal";
 import ModalButton from "@/components/ui/ModalButton";
 import DividerWithText from "@/components/ui/DividerWithText";
-import { EsewaLogoFull } from "@/config/brands";
 import LargeButtonRadioGroup from "@/components/ui/radio/large/LargeButtonRadioGroup";
-import {
-	KHALTI_LOGO,
-	paymentOptions,
-} from "../../cart/checkout/PaymentSelector";
+import { paymentOptions } from "../../cart/checkout/PaymentSelector";
 import { CreateReviewButton } from "../../product/review/ProductReview";
 import EmailInvoice from "./EmailInvoice";
 
-const PaymentProviderLogo = {
-	khalti: <KHALTI_LOGO />,
-	esewa: <EsewaLogoFull />,
-};
-
 interface OrderCardProps {
 	orderItem: OrderDetail;
 }

diff --git a/apps/storefront/src/components/pages/product/review/ProductReview.tsx b/apps/storefront/src/components/pages/product/review/ProductReview.tsx
@@ -249,7 +249,7 @@ export const CreateReviewButton = ({ productId, ...rest }: ReviewFormProps) => {
 
 	if (loading || userLoading) {
 		return (
-			<Button colorScheme="primary" px={12} size="xl" isLoading>
+			<Button colorScheme="gray" px={12} size="xl" isLoading {...rest}>
 				Write a review
 			</Button>
 		);

diff --git a/apps/storefront/src/pages/auth/register.tsx b/apps/storefront/src/pages/auth/register.tsx
@@ -66,7 +66,7 @@ const RegisterPage = () => (
 						>
 							Already have an account?{" "}
 							<UnderlineLink href="/auth/login">
-								Log in with Chakra
+								Log in with Hamropasal
 							</UnderlineLink>
 						</Text>
 					</Box>

diff --git a/apps/storefront/src/pages/cart/checkout/index.tsx b/apps/storefront/src/pages/cart/checkout/index.tsx
@@ -141,8 +141,8 @@ const CheckoutPage = () => {
 				tAmt: createPayment.createPayment.tAmt,
 				pid: createPayment.createPayment.pid,
 				scd: createPayment.createPayment.scd,
-				su: `http://localhost:3000/cart/checkout/result`,
-				fu: `http://localhost:3000/cart/checkout/result`,
+				su: `${process.env.CLIENT_URL}/cart/checkout/result`,
+				fu: `${process.env.CLIENT_URL}/cart/checkout/result`,
 			};
 
 			const form = document.createElement("form");

diff --git a/apps/storefront/src/pages/order/[id].tsx b/apps/storefront/src/pages/order/[id].tsx
@@ -25,10 +25,15 @@ import { PriceTag } from "@/components/shared/product/PriceTag";
 import { capitalize } from "@/utils/helpers";
 import UnderlineLink from "@/components/ui/UnderlineLink";
 import PageLoader from "@/components/shared/PageLoader";
-import { KHALTI_LOGO } from "@/components/pages/cart/checkout/PaymentSelector";
 import TrackingTimeline from "@/components/pages/account/order/TrackingTimelines";
+import { EsewaLogoFull, KhaltiLogoFull } from "@/config/brands";
 import { BRAND_NAME } from "../../../constants";
 
+export const PaymentProviderLogo = {
+	khalti: <KhaltiLogoFull />,
+	esewa: <EsewaLogoFull />,
+};
+
 const OrderPage = () => {
 	const router = useRouter();
 	const { data: me, loading: userLoading, error: userError } = useMeQuery();
@@ -167,8 +172,10 @@ const OrderPage = () => {
 					</OrderInfo>
 					<OrderInfo label="Payment">
 						<Text>
-							{successPayment?.provider?.toUpperCase() === "KHALTI" ? (
-								<KHALTI_LOGO />
+							{successPayment?.provider ? (
+								PaymentProviderLogo[
+									successPayment.provider as keyof typeof PaymentProviderLogo
+								]
 							) : (
 								<Badge colorScheme={successPayment ? "green" : "red"}>
 									{successPayment?.provider?.toUpperCase() ?? "UNPAID"}