Skip to content

Commit

Permalink
update pudgy
Browse files Browse the repository at this point in the history
  • Loading branch information
@imhson
imhson committed Aug 28, 2024
1 parent ca49099 commit d264b34
Show file tree
Hide file tree
Showing 5 changed files with 53 additions and 7 deletions.
5 changes: 5 additions & 0 deletions public/locales/vn/common.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -366,6 +366,11 @@
"You will receive a random item from the collection": "Bạn sẽ nhận được một NFT ngẫu nhiên từ bộ sưu tập",
"View NFT": "Xem NFT",
"Go to Discord": "Tham gia Discord",
"Join the Waddle and start flappin'!": "Mở cổng đăng ký tham gia sự kiện",
"Show your best flap before this day!": "Nộp tác phẩm ưng ý nhất trước ngày này",
"Shout out to the grooviest flappers!": "Thông báo kết quả cuộc hành trình",
"upto 2.000 USD": "Lên đến 2000$",
"Click Me": "Xem ngay",
".": "",
"": ""
}
14 changes: 11 additions & 3 deletions src/components/pages/event/pudgy-asia-tour/Pudgy.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,11 @@ import Modal from 'components/Modal'
import { AnimatePresence, motion, useAnimate } from 'framer-motion'
import Logo from './assets/Punkga logo.svg'
import Link from 'next/link'
import { useTranslation } from 'react-i18next'
import { useRouter } from 'next/router'
export default function PudgyList() {
const { t } = useTranslation()
const { locale } = useRouter()
const [page, setPage] = useState(1)
const [selected, setSelected] = useState(pudgyData[0])
const [selectedPudgy, setSelectedPudgy] = useState(pudgyData[0])
Expand Down Expand Up @@ -55,7 +59,7 @@ export default function PudgyList() {
`}</style>
<div className='pt-20 pk-container hidden xl:block'>
<div className='uppercase text-white text-center w-full drop-shadow-[2px_2px_0px_#000] trailer-font text-[64px] leading-[84px] font-black text-stroke'>
Pudgy friends
{t('Pudgy friends')}
</div>
<div className='flex gap-11 mt-16'>
<div className='w-[405px] shrink-0'>
Expand All @@ -66,7 +70,9 @@ export default function PudgyList() {
<div className='mt-4 trailer-font font-black text-[40px] leading-[52px] uppercase'>
{selected.name}
</div>
<div className='font-semibold text-lg line-clamp-4'>{selected.description}</div>
<div className='font-semibold text-lg line-clamp-4'>
{locale == 'vn' ? selected.descriptionvn : selected.description}
</div>
<div className='flex gap-3 items-center font-semibold text-lg mt-4'>
<Image src={selected.flag} alt='' className='h-6 w-auto rounded-sm' />
<span className='text-[#2D72FB]'>
Expand Down Expand Up @@ -100,7 +106,9 @@ export default function PudgyList() {
}}>
<div className='relative'>
<Image src={data.image} alt='' className='w-full aspect-square rounded-mlg border border-black' />
{selectedPudgy.name == data.name && <div className='absolute inset-0 rounded-mlg border-[3px] border-text-info-primary'></div>}
{selectedPudgy.name == data.name && (
<div className='absolute inset-0 rounded-mlg border-[3px] border-text-info-primary'></div>
)}
</div>
<div className='mt-4 trailer-font font-black text-lg uppercase'>{data.name}</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions src/components/pages/event/pudgy-asia-tour/TimeLine.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,15 +83,15 @@ export default function TimeLine() {

<div className='absolute flex flex-col items-center top-[-16%] left-[6.5%]'>
<div className='text-sm text-[#009640]'>01/08/2024</div>
<div className='text-lg text-center max-w-[154px]'>{t(`"Join the Waddle and start flappin'!"`)}</div>
<div className='text-lg text-center max-w-[154px]'>{t(`Join the Waddle and start flappin'!`)}</div>
</div>
<div className='absolute flex flex-col items-center top-[16%] left-[35.2%]'>
<div className='text-sm text-[#009640]'>01/09/2024</div>
<div className='text-lg text-center max-w-[170px]'>{t(`"Show your best flap before this day!"`)}</div>
<div className='text-lg text-center max-w-[170px]'>{t(`Show your best flap before this day!`)}</div>
</div>
<div className='absolute flex flex-col items-center top-[-6%] right-[25.4%]'>
<div className='text-sm text-[#009640]'>04/09/2024</div>
<div className='text-lg text-center max-w-[165px]'>{t(`"Shout out to the grooviest flappers!"`)}</div>
<div className='text-lg text-center max-w-[165px]'>{t(`Shout out to the grooviest flappers!`)}</div>
</div>
<div className='absolute cursor-pointer right-[9.8%] top-[-18%]'>
<svg xmlns='http://www.w3.org/2000/svg' width='147' height='85' viewBox='0 0 147 85' fill='none'>
Expand Down
33 changes: 33 additions & 0 deletions src/components/pages/event/pudgy-asia-tour/assets/pubdyData.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,7 @@ export const pudgyData = [
image: PUD6445,
name: 'PUD#6445',
description: 'The Emperor Pengu',
descriptionvn: 'Hoàng đế Pengu',
owner: 'LucaNetz',
nation: 'US',
flag: US,
Expand All @@ -58,6 +59,7 @@ export const pudgyData = [
image: PUD7692,
name: 'PUD#7692',
description: 'a bartender who love making cocktail and smile',
descriptionvn: 'một người pha chế yêu thích làm cocktail và luôn mỉm cười',
owner: 'degenden_eth',
nation: 'Hong Kong',
flag: HongKong,
Expand All @@ -66,6 +68,7 @@ export const pudgyData = [
image: PUD1917,
name: 'PUD#1917',
description: 'Aussie, loves massages, tries weird food all the time + boomerang',
descriptionvn: 'Người Úc, thích mát xa, luôn thử món ăn lạ + boomerang',
owner: 'lawyerdao',
nation: 'Australia',
flag: Australia,
Expand All @@ -74,6 +77,7 @@ export const pudgyData = [
image: LIL12152,
name: 'LIL#12152',
description: 'Panda taking care of her baby',
descriptionvn: 'Gấu trúc đang chăm sóc con của mình',
owner: 'pandaBA007',
nation: 'China',
flag: China,
Expand All @@ -82,6 +86,7 @@ export const pudgyData = [
image: PUD6494,
name: 'PUD#6494',
description: 'Love art and check out exhibition',
descriptionvn: 'Yêu nghệ thuật và đi xem triển lãm',
owner: 'Kimming_in_web3',
nation: 'China',
flag: China,
Expand All @@ -90,6 +95,7 @@ export const pudgyData = [
image: PUD2947,
name: 'PUD#2947',
description: 'She is a serious lawyer, take screenshot of her conversations with friends',
descriptionvn: 'Cô ấy là một luật sư nghiêm túc, chụp ảnh màn hình các cuộc trò chuyện với bạn bè',
owner: 'yvette',
nation: 'Hong Kong',
flag: HongKong,
Expand All @@ -98,6 +104,7 @@ export const pudgyData = [
image: PUD2455,
name: 'PUD#2455',
description: 'He is a developer who works very hard but need to sleep early every day',
descriptionvn: 'Anh ấy là một nhà phát triển làm việc rất chăm chỉ nhưng cần đi ngủ sớm mỗi ngày',
owner: 'defnothikariii',
nation: 'Hong Kong',
flag: HongKong,
Expand All @@ -106,6 +113,7 @@ export const pudgyData = [
image: PUD109,
name: 'PUD#109',
description: 'a gold pengu who loves Japanese temple n onsen',
descriptionvn: 'một chú pengu vàng yêu thích đền thờ Nhật Bản và onsen',
owner: 'coffeeforval',
nation: 'Hong Kong',
flag: HongKong,
Expand All @@ -114,6 +122,7 @@ export const pudgyData = [
image: LIL15017,
name: 'LIL#15017',
description: 'a Japanese who loves to take cold bath every day and love going to sauna too ',
descriptionvn: 'một người Nhật Bản thích tắm nước lạnh mỗi ngày và cũng thích đi xông hơi',
owner: '0xyoshi1991',
nation: 'Japan',
flag: Japan,
Expand All @@ -122,6 +131,7 @@ export const pudgyData = [
image: LIL14092,
name: 'LIL#14092',
description: 'Soju queen, boss lasy, always talks about korean BBQ',
descriptionvn: 'Nữ hoàng soju, cô chủ, luôn nói về BBQ Hàn Quốc',
owner: 'PudgySook',
nation: 'Korea',
flag: Korea,
Expand All @@ -130,6 +140,7 @@ export const pudgyData = [
image: PUD5297,
name: 'PUD#5297',
description: 'Elder of the Peakys, Avid climber, Abs Chad',
descriptionvn: 'Người lớn tuổi của Peakys, thích leo núi, có cơ bụng săn chắc',
owner: 'Nicrypt20',
nation: 'Malaysia',
flag: Malaysia,
Expand All @@ -138,6 +149,7 @@ export const pudgyData = [
image: PUD291,
name: 'PUD#291',
description: 'Gets red after one glass of alcohol, FOMOs about everything',
descriptionvn: 'Mặt đỏ lên sau một ly rượu, sợ bỏ lỡ mọi thứ (FOMO)',
owner: 'lambsheepmutton',
nation: 'Malaysia',
flag: Malaysia,
Expand All @@ -146,6 +158,7 @@ export const pudgyData = [
image: LIL19084,
name: 'LIL#19084',
description: 'Used to be a medic, loves fried chicken, hates frozen food',
descriptionvn: 'Từng là một y tá, thích gà rán, ghét đồ đông lạnh',
owner: 'kit_GPT',
nation: 'Singapore',
flag: Singapore,
Expand All @@ -154,6 +167,7 @@ export const pudgyData = [
image: PUD3324,
name: 'PUD#3324',
description: 'Loves to be a degen, likes to spend money on art',
descriptionvn: 'Thích sống kiểu degen, thích chi tiền cho nghệ thuật',
owner: 'part_thai_guy',
nation: 'Singapore',
flag: Singapore,
Expand All @@ -162,6 +176,7 @@ export const pudgyData = [
image: LIL11341,
name: 'LIL#11341',
description: 'Always wins all the giveaways, luckiest penguin in Asia',
descriptionvn: 'Luôn thắng tất cả các cuộc tặng quà, chú penguin may mắn nhất châu Á',
owner: 'Backspace_EX',
nation: 'Singapore',
flag: Singapore,
Expand All @@ -170,6 +185,7 @@ export const pudgyData = [
image: PUD8550,
name: 'PUD#8550',
description: 'He is Taiwanese who loves bubble tea and a very nice daddy ',
descriptionvn: 'Anh ấy là người Đài Loan, thích trà sữa và là một ông bố rất tốt',
owner: 'Mussina14',
nation: 'Taiwan',
flag: Taiwan,
Expand All @@ -178,6 +194,7 @@ export const pudgyData = [
image: PUD6726,
name: 'PUD#6726',
description: 'Has a baby pengu, loves mango sticky rice',
descriptionvn: 'Có một chú pengu con, thích xôi xoài',
owner: 'natchittamai',
nation: 'Thailand',
flag: Thailand,
Expand All @@ -186,6 +203,7 @@ export const pudgyData = [
image: LIL1586,
name: 'LIL#1586',
description: 'Obsessed with spoons & snacks, aka Spoon lead',
descriptionvn: 'Ám ảnh với thìa và đồ ăn vặt, còn được gọi là Spoon lead',
owner: 'bbbbammee',
nation: 'Thailand',
flag: Thailand,
Expand All @@ -194,6 +212,7 @@ export const pudgyData = [
image: LIL19535,
name: 'LIL#19535',
description: 'Loves to party and try new food, loves his double spoon',
descriptionvn: 'Thích tiệc tùng và thử món ăn mới, yêu đôi thìa của mình',
owner: 'artbreezyeth',
nation: 'Philippines',
flag: Philippines,
Expand All @@ -202,6 +221,7 @@ export const pudgyData = [
image: LIL20500,
name: 'LIL#20500',
description: 'Obsessed with vikings, addicted to gaming',
descriptionvn: 'Ám ảnh với người Viking, nghiện chơi game',
owner: 'Lordbenalez',
nation: 'Thailand',
flag: Thailand,
Expand All @@ -210,6 +230,7 @@ export const pudgyData = [
image: PUD7327,
name: 'PUD#7327',
description: 'Very shy and quiet in public, gets crazy once you know him',
descriptionvn: 'Rất nhút nhát và ít nói nơi công cộng, trở nên điên cuồng khi bạn hiểu anh ấy',
owner: 'pepsinate',
nation: 'Thailand',
flag: Thailand,
Expand All @@ -218,6 +239,7 @@ export const pudgyData = [
image: PUD5645,
name: 'PUD#5645',
description: 'Builder, entertaining, travels all the time',
descriptionvn: 'Người xây dựng, vui vẻ, luôn đi du lịch',
owner: 'hominh95',
nation: 'Vietnam',
flag: Vietnam,
Expand All @@ -226,6 +248,7 @@ export const pudgyData = [
image: LIL20193,
name: 'LIL#20193',
description: 'Small, cute & shy but very adorable',
descriptionvn: 'Nhỏ nhắn, dễ thương & nhút nhát nhưng rất đáng yêu',
owner: '0xtheordinary',
nation: 'Vietnam',
flag: Vietnam,
Expand All @@ -234,6 +257,7 @@ export const pudgyData = [
image: PUD4334,
name: 'PUD#4334',
description: 'a nice Vietnamese girl living in Hanoi',
descriptionvn: 'một cô gái Việt Nam dễ thương sống ở Hà Nội',
owner: 'Verenavc3',
nation: 'Vietnam',
flag: Vietnam,
Expand All @@ -242,6 +266,7 @@ export const pudgyData = [
image: LIL1010,
name: 'LIL#1010',
description: 'love flying around and meet friends',
descriptionvn: 'thích bay vòng quanh và gặp gỡ bạn bè',
owner: 'thomasrishi',
nation: 'India',
flag: India,
Expand All @@ -250,6 +275,7 @@ export const pudgyData = [
image: PUD6512,
name: 'PUD#6512',
description: 'Always has a smile shy smile on his face, loves to find good food for friends',
descriptionvn: 'Luôn có nụ cười ngượng ngùng trên khuôn mặt, thích tìm đồ ăn ngon cho bạn bè',
owner: 'pudgyray',
nation: 'Malaysia',
flag: Malaysia,
Expand All @@ -258,6 +284,7 @@ export const pudgyData = [
image: PUD1940,
name: 'PUD#1940',
description: 'The iconic penguin, friends with everyone',
descriptionvn: 'Chú penguin biểu tượng, là bạn với mọi người',
owner: 'FoxyPenguinApe',
nation: 'Malaysia',
flag: Malaysia,
Expand All @@ -266,6 +293,7 @@ export const pudgyData = [
image: PUD659,
name: 'PUD#659',
description: 'Extroverted, & party guy',
descriptionvn: 'Hướng ngoại, chàng trai thích tiệc tùng',
owner: 'aaronteng',
nation: 'Malaysia',
flag: Malaysia,
Expand All @@ -274,6 +302,7 @@ export const pudgyData = [
image: PUD371,
name: 'PUD#371',
description: 'He loves memes, mrs. mcghee is Pengu #2391',
descriptionvn: 'Anh ấy thích memes, bà Mcghee là Pengu #2391',
owner: 'ppmctweets',
nation: 'US',
flag: US,
Expand All @@ -282,6 +311,7 @@ export const pudgyData = [
image: PUD7944,
name: 'PUD#7944',
description: 'Berko is the gif master, & loves to say SIESTA',
descriptionvn: 'Berko là bậc thầy gif, và thích nói SIESTA',
owner: 'Berko_Crypto',
nation: 'US',
flag: US,
Expand All @@ -290,6 +320,7 @@ export const pudgyData = [
image: PUD1016,
name: 'PUD#1016',
description: 'He is an art legend & loves to customise penguins',
descriptionvn: 'Anh ấy là một huyền thoại nghệ thuật và thích tùy chỉnh penguin',
owner: 'Mung0x',
nation: 'US',
flag: US,
Expand All @@ -298,6 +329,7 @@ export const pudgyData = [
image: PUD8641,
name: 'PUD#8641',
description: 'Very fun, loves to party, loves indomie',
descriptionvn: 'Rất vui vẻ, thích tiệc tùng, thích indomie',
owner: 'Nygelbygel',
nation: 'Indonesia',
flag: Indonesia,
Expand All @@ -306,6 +338,7 @@ export const pudgyData = [
image: PUD68,
name: 'PUD#68',
description: 'pengu enthusiast, honorary asian pengu, toy enjoyooor',
descriptionvn: 'người đam mê pengu, pengu danh dự châu Á, người yêu thích đồ chơi',
owner: 'sauciii__',
nation: 'US',
flag: US,
Expand Down
2 changes: 1 addition & 1 deletion src/pages/events/pudgy-asia-tour/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -212,7 +212,7 @@ export default function Pudgy() {
<div
onClick={() =>
window.open(
'https://docs.google.com/forms/d/e/1FAIpQLSe2xGTWLwcw85UVvyAClOnb3_6gfsu7Kc_I1N4y9xjP6i0jfg/viewform',
'https://docs.google.com/forms/d/e/1FAIpQLScJtKi4WDONR_7NUTB1qhQ-azCnKmexzk5aZfKXjuxUROBqOg/viewform',
'_blank'
)
}
Expand Down

0 comments on commit d264b34

Please sign in to comment.