From 96b7698d8d8caafc143e5416e2b1f61071a484ff Mon Sep 17 00:00:00 2001
From: Ali Josheghani <132874234+ali-josheghani@users.noreply.github.com>
Date: Sun, 15 Dec 2024 11:16:27 +0330
Subject: [PATCH] feat(ProductList.tsx): Added link to support chat and wrapped
 offline buy image in a link

---
 .../shop/section/productList/ProductList.tsx      | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/pages/shop/section/productList/ProductList.tsx b/src/pages/shop/section/productList/ProductList.tsx
index fb0c07a..9bbd0eb 100644
--- a/src/pages/shop/section/productList/ProductList.tsx
+++ b/src/pages/shop/section/productList/ProductList.tsx
@@ -5,7 +5,7 @@ import { useQuery } from "@tanstack/react-query";
 import useAxios from "../../../../hooks/useAxios";
 import { RootState } from "../../../../redux/store";
 import { useSelector } from "react-redux";
-import offlineBuy from "../../../../assets/cover/offline-buy.jpg"
+import offlineBuy from "../../../../assets/cover/offline-buy.jpg";
 
 const ProductList = () => {
   const { id } = useSelector((state: RootState) => state.configIdState);
@@ -26,9 +26,16 @@ const ProductList = () => {
   return (
     <div className="relative w-full h-full max-md:mt-4 md:mt-8 " id="configs">
       <div className="w-full h-full gap-4 md:gap-6 flex flex-col p-5 justify-center items-center">
-      <div className="w-full h-auto"> 
-          <img src={offlineBuy} alt="offline buy" className="mx-auto rounded-lg w-full
-           max-w-[900px]"/>
+        <div className="w-full h-auto">
+          <div className="mx-auto rounded-lg w-full max-w-[900px] bg-white">
+            <a href="https://t.me/PersianPingSupport" target="_blank">
+              <img
+                src={offlineBuy}
+                alt="offline buy"
+                className="rounded-lg w-full h-full"
+              />
+            </a>
+          </div>
         </div>
         <h1 className="max-md:text-sm text-center text-2xl font-bold">
           برای انتخاب سرویس مورد نظر کلیک کنید تا براتون نمایش داده شود