feat : add alert check vpn on modal buy components

src/pages/shop/section/productList/components/ModalBuy.tsx

@@ -148,7 +148,7 @@ const ModalBuy = ({ isOpen, setIsOpen, configId }: ModalBuyProps) => {
         ) {
           errorMessage = (err.response.data as { alert: string }).alert;
         }
-        toast.error(`خطایی رخ داد : ${errorMessage}`)
+        toast.error(`خطایی رخ داد : ${errorMessage}`);
         // dispatch(setIsPaymentGateway(false));
         // navigate("/noactive-payment");
         return errorMessage;
@@ -207,6 +207,11 @@ const ModalBuy = ({ isOpen, setIsOpen, configId }: ModalBuyProps) => {
           </div>
         ) : (
           <div className="w-full h-full flex flex-col gap-3 justify-between items-center text-sm md:text-xl">
+            <Alert type="danger">
+              {" "}
+              کاربر گرامی لطفا از خاموش بودن vpn خود اطمینان حاصل فرمایید تا در
+              درگاه پرداخت مشکلی نداشته باشید{" "}
+            </Alert>
             <h1 className="font-bold">
               مبلغ قابل پرداخت :{" "}
               <span className="px-[2px] rounded-md bg-secondTheme text-gray-950">
@@ -217,7 +222,10 @@ const ModalBuy = ({ isOpen, setIsOpen, configId }: ModalBuyProps) => {
             </h1>
             {data?.data?.result?.max_config === 0 ? (
               <>
-              <Alert type="info" extra="mt-5"> موجودی کانفیگ به اتمام رسیده </Alert>
+                <Alert type="info" extra="mt-5">
+                  {" "}
+                  موجودی کانفیگ به اتمام رسیده{" "}
+                </Alert>
               </>
             ) : (
               <>
@@ -291,8 +299,8 @@ const ModalBuy = ({ isOpen, setIsOpen, configId }: ModalBuyProps) => {
                 <p>{data?.data?.result?.limit}</p>
               </div>
               <div className="w-full h-full bg-gray-900/50 rounded-md shadow flex justify-between items-center p-3">
-              <p>مدت زمان</p>
-              <p>1 ماه</p>
+                <p>مدت زمان</p>
+                <p>1 ماه</p>
               </div>
             </div>
           </div>