Merge pull request #190 from isd-sgcu/main

add baan line
isd-sgcu · Jul 28, 2024 · 48ec299 · 48ec299
2 parents ee13e80 + 0085d16
commit 48ec299
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 2 deletions.
diff --git a/public/LineIcon-white.svg b/public/LineIcon-white.svg
diff --git a/public/LineIcon.svg b/public/LineIcon.svg
diff --git a/src/components/(main)/home/BaanResultModal.tsx b/src/components/(main)/home/BaanResultModal.tsx
@@ -4,6 +4,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import CrossIcon from '@public/cross-white.svg';
 import LineWhite from '@public/line-white.png';
+import LineIconWhite from '@public/LineIcon-white.svg';
 import Baan from '@public/baan.svg';
 import InstagramIcon from '@public/rpkm/instagram-icon.svg';
 import { baanInfos } from '@/components/rpkm/Baan/baanInfos';
@@ -126,7 +127,7 @@ const BaanResultModal: React.FC<BaanResultModalProps> = ({
                   ? 'ติดตามข่าวสารต่อได้ที่'
                   : 'For more information, please visit'}
               </p>
-              <div className="flex flex-row justify-center w-full gap-x-1 mt-2 mb-3">
+              <div className="flex flex-row justify-center w-full gap-x-1 mt-2">
                 <Image
                   src={InstagramIcon}
                   alt="instagram icon"
@@ -138,6 +139,19 @@ const BaanResultModal: React.FC<BaanResultModalProps> = ({
                   {baan.ig}
                 </Link>
               </div>
+              <div className="flex justify-center text-base text-center text-white items-center w-full gap-1 mt-2 mb-3">
+                <Image
+                  src={LineIconWhite}
+                  alt="lineIcon"
+                />
+                <div className="">line group:</div>
+                <Link
+                  href={baan.line}
+                  className="text-center truncate underline underline-offset-auto decoration-from-font w-[50%]"
+                >
+                  {baan.line}
+                </Link>
+              </div>
             </div>
           </div>
         </BaseModal>