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

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 260 KiB

View File

@@ -5,6 +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"
const ProductList = () => {
const { id } = useSelector((state: RootState) => state.configIdState);
@@ -25,6 +26,9 @@ 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>
<h1 className="max-md:text-sm text-center text-2xl font-bold">
برای انتخاب سرویس مورد نظر کلیک کنید تا براتون نمایش داده شود
</h1>