Skip to content

Commit 009bc4c

Browse files
committed
Merge branch 'style/templates' into dev
2 parents ae8c1f0 + 30993bd commit 009bc4c

4 files changed

Lines changed: 64 additions & 26 deletions

File tree

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
"check": "biome check --write",
2323
"migrate": "pnpm exec prisma migrate dev && pnpm exec prisma generate",
2424
"studio": "pnpm exec prisma studio",
25-
"email:dev": "email dev -d src/email/templates"
25+
"email:dev": "email dev -d src/core/email/templates"
2626
},
2727
"dependencies": {
2828
"@aws-sdk/client-s3": "^3.957.0",

src/core/email/templates/AnnouncementEmail.tsx

Lines changed: 56 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ interface AnnouncementEmailProps {
88
}
99

1010
const CONFIG = {
11-
resultLink: "https://comcamp.io/result",
11+
resultLink: "https://comcamp.io/application/result",
1212
};
1313

1414
export default function AnnouncementEmail({ name }: AnnouncementEmailProps) {
@@ -34,25 +34,27 @@ export default function AnnouncementEmail({ name }: AnnouncementEmailProps) {
3434
<Head>
3535
<Font fontFamily="Helvetica" fallbackFontFamily="Arial" fontWeight={400} fontStyle="normal" />
3636
</Head>
37-
<Preview>ประกาศผลการคัดเลือก ComCamp 37</Preview>
37+
<Preview>🎉สิ้นสุดการรอคอย! ประกาศผลการคัดเลือกผู้เข้าร่วมค่าย ComCamp 37</Preview>
3838

3939
<Body className="bg-white font-sans">
4040
<Container className="mx-auto w-full max-w-[800px] my-10 bg-white rounded-2xl overflow-hidden shadow-lg">
4141
<Header />
4242

4343
<Section className="bg-white px-6 py-8 text-center">
44-
<Text className="text-sm font-semibold text-[#92a6d2] m-0 mb-2 tracking-widest uppercase">COMCAMP 37</Text>
45-
<Heading className="text-2xl font-bold m-0 text-[#464f6a]">ประกาศผลการคัดเลือก 🎉</Heading>
44+
<Text className="text-sm font-semibold text-[#92a6d2] m-0 mb-2 tracking-widest">ComCamp 37</Text>
45+
<Heading className="text-2xl font-bold m-0 text-[#464f6a]">🎉 สิ้นสุดการรอคอย! ประกาศผลการคัดเลือกผู้เข้าร่วมค่าย ComCamp 37</Heading>
4646
</Section>
4747

4848
<Section className="px-6 pt-4 pb-10">
49-
<Section className="bg-[#f8f9fc] border-l-4 border-[#e98d55] rounded-lg px-6 py-5 mb-8">
50-
<Text className="text-base leading-relaxed text-[#464f6a] m-0">
51-
สวัสดีครับน้อง <strong className="text-[#504039]">{name}</strong> 🎉
52-
</Text>
49+
<Section className="">
50+
<Text className="text-base leading-relaxed m-0">สวัสดีครับ/ค่ะ น้อง {name}</Text>
5351
</Section>
5452

55-
<Text className="text-base leading-relaxed text-[#504039] mb-6">ขอขอบคุณที่ให้ความสนใจสมัครเข้าร่วมโครงการ ComCamp 37 ขณะนี้ทางค่ายได้ทำการประมวลผลการคัดเลือกเสร็จสิ้นเรียบร้อยแล้ว น้องสามารถตรวจสอบสถานะการคัดเลือกได้โดยกดที่ปุ่มด้านล่างครับ</Text>
53+
<Section className="">
54+
<Text className="text-base leading-relaxed mb-6">ในนามของคณะกรรมการและทีมงานค่าย ComCamp 37 พวกเราขอขอบคุณน้องๆ ทุกคนที่ให้ความสนใจและตั้งใจทำใบสมัครส่งเข้ามากันอย่างล้นหลามเกินความคาดหมายครับ</Text>
55+
<Text className="text-base leading-relaxed mb-6">ในปีนี้มีผู้สมัครที่มีศักยภาพและความสามารถโดดเด่นมากมาย ทำให้คณะกรรมการของเราต้องใช้เวลาพิจารณากันอย่างหนักและรอบคอบที่สุด เพื่อคัดเลือกผู้ที่จะได้มาร่วมเดินทางและสร้างประสบการณ์ดีๆ ไปด้วยกันในค่ายครั้งนี้</Text>
56+
<Text className="text-base leading-relaxed mb-6">และแล้วก็ถึงเวลาที่ทุกคนรอคอย! ตอนนี้ผลการคัดเลือกอย่างเป็นทางการได้ประกาศออกมาเรียบร้อยแล้วครับ น้องๆ สามารถเข้าไปตรวจสอบผลการคัดเลือกของตัวเองได้ที่ลิงก์ด้านล่างนี้เลยครับ</Text>
57+
</Section>
5658

5759
<Section className="text-center my-9">
5860
<Button
@@ -66,14 +68,55 @@ export default function AnnouncementEmail({ name }: AnnouncementEmailProps) {
6668
ตรวจสอบสถานะการคัดเลือก
6769
</Button>
6870

69-
<Text className="text-[13px] text-[#92a6d2] mt-4 mb-0 italic">*กรุณาตรวจสอบและยืนยันสิทธิ์ภายในเวลาที่กำหนด</Text>
71+
{/*<Text className="text-[13px] text-[#92a6d2] mt-4 mb-0 italic">
72+
*กรุณาตรวจสอบและยืนยันสิทธิ์ภายในเวลาที่กำหนด
73+
</Text>*/}
7074
</Section>
7175

72-
<Section className="bg-[#fff8f0] border-2 border-dashed border-[#f2d575] rounded-xl px-5 py-5 mt-8">
73-
<Text className="text-sm leading-relaxed text-[#504039] text-center m-0">
74-
<strong>หมายเหตุ:</strong> หากพบปัญหาในการเข้าถึงผลการคัดเลือก กรุณาติดต่อทีมงานผ่านช่องทางด้านล่าง
76+
<Section className="">
77+
<Text className="m-0 text-xl">
78+
📅 <b>กำหนดการ :</b>
79+
</Text>
80+
<Text className="text-sm leading-relaxed text-[#504039] m-0">
81+
<b>21 มีนาคม 2569 :</b> ประกาศผลการคัดเลือก
82+
</Text>
83+
<Text className="text-sm leading-relaxed text-[#504039] m-0">
84+
<b>22 มีนาคม 2569 :</b> วันสุดท้ายของการกดยืนยันสิทธิ์ (23.59 น.)
85+
</Text>
86+
<Text className="text-sm leading-relaxed text-[#504039] m-0">
87+
<b>23 มีนาคม 2569 :</b> ประกาศเรียกตัวสำรอง
88+
</Text>
89+
<Text className="text-sm leading-relaxed text-[#504039] m-0">
90+
<b>8 - 12 เมษายน 2569 :</b> วันจัดค่าย ComCamp 37
91+
</Text>
92+
</Section>
93+
94+
<Section className="mt-6">
95+
<Text className="text-sm leading-relaxed text-[#504039] m-0">หากน้องๆ มีคำถามเพิ่มเติม พบปัญหาในการเข้าใช้งานเว็บไซต์ หรือมีข้อสงสัยเกี่ยวกับการยืนยันสิทธิ์ สามารถติดต่อสอบถามพี่ๆ ทีมงานได้ทันทีผ่านช่องทางต่อไปนี้:</Text>
96+
<Text>
97+
<strong>Facebook:</strong> Comcamp KMUTT
98+
<br />
99+
<strong>Instagram:</strong> comcamp.kmuttt
100+
<br />
101+
<strong>TikTok:</strong> comcamp.kmutt
102+
</Text>
103+
</Section>
104+
105+
<Section>
106+
<Text>
107+
<strong>เบอร์โทรศัพท์ติดต่อ</strong>
108+
</Text>
109+
<Text>
110+
พี่โดนัท : 093 370 7960
111+
<br />
112+
พี่เกน : 062 594 1597
113+
<br />
114+
พี่กร : 093 529 9514
115+
<br />
116+
พี่ไทม์ : 098 287 0453
75117
</Text>
76118
</Section>
119+
<Text className="text-sm text-center m-0 mt-6">ขอบคุณน้องๆ อีกครั้งที่มาร่วมเป็นส่วนหนึ่งของความทรงจำในครั้งนี้ แล้วพบกันนะครับ!</Text>
77120
</Section>
78121

79122
<Footer />

src/core/email/templates/layout/Footer.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@ import { Hr, Img, Link, Section, Text } from "@react-email/components";
22

33
export const Footer = () => {
44
return (
5-
<Section className="bg-[#f8f9fc] px-6 py-10 border-t border-[#e8ecf4]">
5+
<Section className="px-6 py-10 border-t border-[#e8ecf4]">
66
<Img src="https://res.cloudinary.com/dynrld3nm/image/upload/cc36preorder/kmutt-cpe-logo_lyyokm.png" width="144" height="80" alt="KMUTT CPE Logo" className="mb-5" />
77

8-
<Text className="text-[13px] leading-relaxed text-[#92a6d2] mb-6">
8+
<Text className="text-[13px] leading-relaxed mb-6">
99
© 2026 ComCamp 37. Computer Engineering Department,
1010
<br />
1111
King Mongkut&apos;s University of Technology Thonburi,
@@ -14,11 +14,11 @@ export const Footer = () => {
1414
</Text>
1515

1616
<Section className="border-t border-[#e8ecf4] pt-6 text-center">
17-
<Text className="text-[13px] leading-relaxed text-[#92a6d2] m-0">
17+
<Text className="text-[13px] leading-relaxed m-0">
1818
อีเมลฉบับนี้ถูกส่งโดยระบบอัตโนมัติ โปรดอย่าตอบกลับ
1919
<br />
2020
หากมีข้อสงสัยสามารถติดต่อทีมงานได้ที่ <br />
21-
<Link href={`https://comcamp.io/#contact`} className="text-[#e98d55] no-underline font-semibold">
21+
<Link href={`https://comcamp.io/#contact`} className="no-underline font-semibold">
2222
ติดต่อทีมงาน ComCamp 37
2323
</Link>
2424
</Text>

src/core/email/templates/layout/Header.tsx

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,13 @@
11
import { Img, Section } from "@react-email/components";
22

33
const CONFIG = {
4-
logourl: "https://res.cloudinary.com/diuembxjq/image/upload/v1769431128/cc37-logo_ipji4s.png",
4+
logourl: "https://storage.comcamp.io/web-assets/1.png",
55
};
66

77
export const Header = () => {
88
return (
9-
<Section
10-
className="relative overflow-hidden px-12 text-center"
11-
style={{
12-
background: "linear-gradient(135deg, #1d3071 0%, #004aad 100%)",
13-
}}
14-
>
15-
<Img src={CONFIG.logourl} width="160" height="auto" alt="ComCamp 37 Logo" className="mx-auto relative z-10" />
9+
<Section>
10+
<Img src={CONFIG.logourl} style={{ width: "auto", height: "100%", maxHeight: "212px" }} alt="ComCamp 37 Logo" className="mx-auto relative z-10" />
1611
</Section>
1712
);
1813
};

0 commit comments

Comments
 (0)