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

feat : add section fastSell and add section nowSell and add particle bg

Browse Source
This commit is contained in:
Ali Josheghani
2024-05-27 01:03:29 +03:30
parent c14e025ad9
commit 17922b0206
19 changed files with 993 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/pages/tutorial/section/components/Leran.tsx
View File

@@ -20,35 +20,21 @@ const Learn = ({ activeTutorial, tutorialList }: LearnProps) => {
{
id: 3,
images: [
{ urlimg: "https://persain-game.com/front_end/img/cisco-android1.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/cisco-android2.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/cisco-android3.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/1-eshterki.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/2-eshteraki.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/3-eshteraki.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/4-eshteraki.jpg" },
],
},
{
id: 4,
images: [
{ urlimg: "https://persain-game.com/front_end/img/cisco-iphone1.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/cisco-iphone2.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/cisco-iphone3.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/1-eshterki.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/2-eshteraki.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/3-eshteraki.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/4-eshteraki.jpg" },
],
},
{
id: 5,
images: [],
},
{
id: 6,
images: [
{ urlimg: "https://persain-game.com/front_end/img/cisco-pc.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/cisco-pc2.jpg" },
{ urlimg: "https://persain-game.com/front_end/img/cisco-pc3.jpg" },
],
},
{
id: 7,
images: [],
},
];
const [loading, setLoading] = useState<boolean>(true);
const [list, setList] = useState(
@@ -85,12 +71,13 @@ const Learn = ({ activeTutorial, tutorialList }: LearnProps) => {
{tutorialImagesState?.map((i) => {
return (
<div key={i.id}>
{i.images?.map((item) => {
{i.images?.map((item, index) => {
return (
<img
className="w-full md:w-1/2 mb-3 rounded-lg mx-auto h-full"
src={item.urlimg}
alt="images"
key={index}
onLoad={(e) => handleLoadingImage(e)}
/>
);