Merge pull request #161 from isd-sgcu/icy-fe/activities-images

Activities Image
isd-sgcu · Jul 21, 2024 · c2c19de · c2c19de
2 parents 76cf4c0 + 82dfe7e
commit c2c19de
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 1 deletion.
diff --git a/public/rpkm/activities/communitybackground.png b/public/rpkm/activities/communitybackground.png
diff --git a/public/rpkm/activities/communitybackground.svg b/public/rpkm/activities/communitybackground.svg
diff --git a/src/app/rpkm/activities/details/baan/page.tsx b/src/app/rpkm/activities/details/baan/page.tsx
@@ -40,6 +40,7 @@ const Page = () => {
           alt="activity image"
           width={0}
           height={0}
+          priority={true}
           className="my-4 object-cover"
           style={{ width: '60vw', height: '60vw' }}
         />

diff --git a/src/app/rpkm/activities/home/page.tsx b/src/app/rpkm/activities/home/page.tsx
@@ -86,7 +86,7 @@ const page = () => {
           <div className="justify-center flex">
             <Card
               name="กิจกรรมชุมชน"
-              image="/rpkm/activities/communitybackground.png"
+              image="/rpkm/activities/communitybackground.svg"
               imageWidth="70vw"
               imageHeight="70vw"
               content="กิจกรรมชุมชน เป็นกิจกรรมที่จัดขึ้นเพื่อให้นิสิตใหม่ ได้ทำความรู้จักกับร้านค้า และชุมชนบริเวณโดยรอบจุฬาลงกรณ์มหาวิทยาลัยให้มากขึ้น ผ่านกิจกรรมการสะสมแต้มผ่าน Line OA ด้วยการร่วมทำกิจกรรมถ่ายรูปเช็คอิน ตะลุยทานของอร่อย ๆ รอบมอ ทำกิจกรรมอาสาเพื่อพัฒนาสังคม โดยร้านค้าและสถานที่ที่อยู่ในกิจกรรมมีตั้งแต่ร้านเก่าแก่ที่อยู่คู่จุฬาฯมาอย่างยาวนานตลอดจนร้านค้าใหม่ ๆ ที่เพิ่งเกิดขึ้นและน่าไปเช็คอิน บอกได้เลยว่า เหล่าเฟรชชี่ CU108 พลาดไม่ได้สักร้านเลยแน่นอน เพิ่มเพื่อนไลน์ OA และรับบัตรสะสมแต้มกัน เริ่มทำกิจกรรมกันได้เลย"

diff --git a/src/components/rpkm/Activities/Card.tsx b/src/components/rpkm/Activities/Card.tsx
@@ -47,6 +47,7 @@ const Card: React.FC<CardProps> = ({
               height: imageHeight ? imageHeight : '60vw',
             }}
             className={cn('w-full object-cover', imageClassName)}
+            priority={true}
           />
         </div>
         <div className="flex flex-col gap-y-[2px] mt-1">