1-
2-
31import { useState , useEffect } from "react" ;
42import { motion } from "framer-motion" ;
53import { mcProjects } from "../../data" ;
@@ -50,7 +48,11 @@ const MinecraftProjects = () => {
5048 < h3 className = "project-title" >
5149 < span className = "truncate" > { proj . title } </ span >
5250 { proj . downloads && (
53- < Suspense fallback = { < span className = "inline-block ml-2 h-5 bg-gray-200 rounded w-12 animate-pulse" /> } >
51+ < Suspense
52+ fallback = {
53+ < span className = "inline-block ml-2 h-5 bg-gray-200 rounded w-12 animate-pulse" />
54+ }
55+ >
5456 < SafeImage
5557 className = "inline-block ml-2 h-5"
5658 alt = "downloads"
@@ -60,7 +62,11 @@ const MinecraftProjects = () => {
6062 ) }
6163 </ h3 >
6264 < h4 className = "project-subtitle" > { proj . short_info } </ h4 >
63- < Suspense fallback = { < div className = "h-32 w-full bg-gray-200 animate-pulse rounded mb-2" /> } >
65+ < Suspense
66+ fallback = {
67+ < div className = "h-32 w-full bg-gray-200 animate-pulse rounded mb-2" />
68+ }
69+ >
6470 < SafeCarousel
6571 className = "mt-3 mb-3"
6672 images = { proj . imgs || [ ] }
@@ -79,10 +85,10 @@ const MinecraftProjects = () => {
7985 linkObj . name === "Github"
8086 ? "bg-[#5a4378] text-white hover:bg-[#5a4378]"
8187 : linkObj . name === "MCPEDL"
82- ? "bg-[#7CBB7C] text-[#242424] hover:bg-[#97C997] hover:text-[#383838]"
83- : linkObj . name === "CurseForge"
84- ? "bg-[#F5A184] text-[#242424] hover:bg-[#F7B39C] hover:text-[#383838]"
85- : "bg-[#333] text-white hover:bg-[#333]"
88+ ? "bg-[#7CBB7C] text-[#242424] hover:bg-[#97C997] hover:text-[#383838]"
89+ : linkObj . name === "CurseForge"
90+ ? "bg-[#F5A184] text-[#242424] hover:bg-[#F7B39C] hover:text-[#383838]"
91+ : "bg-[#333] text-white hover:bg-[#333]"
8692 } `}
8793 >
8894 { linkObj . name }
0 commit comments