soheilkhaledabadi/persian-ping-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ProductList.tsx): Added link to support chat and wrapped offline buy image in a link

Browse Source
This commit is contained in:
Ali Josheghani
2024-12-15 11:16:27 +03:30
parent 514e5e06fd
commit 96b7698d8d
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/shop/section/productList/ProductList.tsx
View File

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