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

feat(ProductList.tsx,offline-buy.jpg): Added offline buy image to ProductList component

Browse Source
This commit is contained in:
Ali Josheghani
2024-12-12 20:02:43 +03:30
parent 3cc3dc3542
commit d135f0cc0a
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/cover/offline-buy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 260 KiB

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

@@ -5,6 +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"
const ProductList = () => { const ProductList = () => {
const { id } = useSelector((state: RootState) => state.configIdState); const { id } = useSelector((state: RootState) => state.configIdState);
@@ -25,6 +26,9 @@ const ProductList = () => {
return ( return (
<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">
<img src={offlineBuy} alt="offline buy" className="mx-auto rounded-lg w-full max-w-[900px]"/>
</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">
برای انتخاب سرویس مورد نظر کلیک کنید تا براتون نمایش داده شود برای انتخاب سرویس مورد نظر کلیک کنید تا براتون نمایش داده شود
</h1> </h1>