caadiq/fromis_9
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: 멤버 페이지 생일 아이콘을 Calendar에서 Cake로 변경

Browse source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
caadiq 2026-01-25 13:39:54 +09:00
parent f97c925fba
commit f86e7d1b33
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/pages/mobile/members/Members.jsx
View file

@ -1,6 +1,6 @@
import { motion, AnimatePresence } from 'framer-motion'; import { motion, AnimatePresence } from 'framer-motion';
import { useState, useMemo, useRef, useEffect } from 'react'; import { useState, useMemo, useRef, useEffect } from 'react';
import { Calendar, X, Instagram } from 'lucide-react'; import { Cake, X, Instagram } from 'lucide-react';
import { useMembers } from '@/hooks'; import { useMembers } from '@/hooks';
/** /**
@ -173,7 +173,7 @@ function MobileMembers() {
<h3 className="text-lg font-bold">{selectedMember.name}</h3> <h3 className="text-lg font-bold">{selectedMember.name}</h3>
{selectedMember.birth_date && ( {selectedMember.birth_date && (
<div className="flex items-center justify-center gap-1 text-gray-500 text-sm mt-1.5"> <div className="flex items-center justify-center gap-1 text-gray-500 text-sm mt-1.5">
<Calendar size={14} /> <Cake size={14} />
<span> <span>
{selectedMember.birth_date?.slice(0, 10).replaceAll('-', '.')} {selectedMember.birth_date?.slice(0, 10).replaceAll('-', '.')}
</span> </span>

8
frontend/src/pages/mobile/members/MembersPreview.jsx
View file

@ -1,6 +1,6 @@
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import { useState, useMemo, useRef, useEffect } from 'react'; import { useState, useMemo, useRef, useEffect } from 'react';
import { Instagram, Calendar, ChevronRight } from 'lucide-react'; import { Instagram, Cake, ChevronRight } from 'lucide-react';
import { Swiper, SwiperSlide } from 'swiper/react'; import { Swiper, SwiperSlide } from 'swiper/react';
import 'swiper/css'; import 'swiper/css';
import { useMembers } from '@/hooks'; import { useMembers } from '@/hooks';
@ -152,7 +152,7 @@ function CurrentDesign() {
<h2 className="text-[32px] font-bold text-white drop-shadow-lg">{member.name}</h2> <h2 className="text-[32px] font-bold text-white drop-shadow-lg">{member.name}</h2>
{member.birth_date && ( {member.birth_date && (
<div className="flex items-center gap-1.5 mt-1.5 text-white/80"> <div className="flex items-center gap-1.5 mt-1.5 text-white/80">
<Calendar size={16} className="text-white/70" /> <Cake size={16} className="text-white/70" />
<span className="text-sm">{member.birth_date?.slice(0, 10).replaceAll('-', '.')}</span> <span className="text-sm">{member.birth_date?.slice(0, 10).replaceAll('-', '.')}</span>
{age && <span className="ml-2 px-2 py-0.5 bg-white/20 rounded-lg text-xs text-white font-medium">{age}세</span>} {age && <span className="ml-2 px-2 py-0.5 bg-white/20 rounded-lg text-xs text-white font-medium">{age}세</span>}
</div> </div>
@ -227,7 +227,7 @@ function CardDesign() {
<h2 className="text-2xl font-bold text-gray-900">{member.name}</h2> <h2 className="text-2xl font-bold text-gray-900">{member.name}</h2>
{member.birth_date && ( {member.birth_date && (
<div className="flex items-center gap-2 mt-2 text-gray-500"> <div className="flex items-center gap-2 mt-2 text-gray-500">
<Calendar size={16} /> <Cake size={16} />
<span className="text-sm">{member.birth_date?.slice(0, 10).replaceAll('-', '.')}</span> <span className="text-sm">{member.birth_date?.slice(0, 10).replaceAll('-', '.')}</span>
{age && ( {age && (
<span className="px-2 py-0.5 bg-primary/10 text-primary rounded-md text-xs font-medium"> <span className="px-2 py-0.5 bg-primary/10 text-primary rounded-md text-xs font-medium">
@ -432,7 +432,7 @@ function SheetDesign() {
<h2 className="text-3xl font-bold text-gray-900">{currentMember.name}</h2> <h2 className="text-3xl font-bold text-gray-900">{currentMember.name}</h2>
{currentMember.birth_date && ( {currentMember.birth_date && (
<div className="flex items-center gap-2 mt-2 text-gray-500"> <div className="flex items-center gap-2 mt-2 text-gray-500">
<Calendar size={16} /> <Cake size={16} />
<span>{currentMember.birth_date?.slice(0, 10).replaceAll('-', '.')}</span> <span>{currentMember.birth_date?.slice(0, 10).replaceAll('-', '.')}</span>
{age && ( {age && (
<span className="px-2 py-0.5 bg-primary/10 text-primary rounded-md text-sm font-medium"> <span className="px-2 py-0.5 bg-primary/10 text-primary rounded-md text-sm font-medium">

6
frontend/src/pages/pc/public/members/Members.jsx
View file

@ -1,5 +1,5 @@
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import { Instagram, Calendar } from 'lucide-react'; import { Instagram, Cake } from 'lucide-react';
import { useMembers } from '@/hooks'; import { useMembers } from '@/hooks';
import { Loading } from '@/components/common'; import { Loading } from '@/components/common';
import { formatDate } from '@/utils'; import { formatDate } from '@/utils';
@ -67,7 +67,7 @@ function Members() {
<h3 className="text-xl font-bold mb-3">{member.name}</h3> <h3 className="text-xl font-bold mb-3">{member.name}</h3>
<div className="flex items-center gap-2 text-sm text-gray-500 mb-2"> <div className="flex items-center gap-2 text-sm text-gray-500 mb-2">
<Calendar size={14} /> <Cake size={14} />
<span>{formatDate(member.birth_date, 'YYYY.MM.DD')}</span> <span>{formatDate(member.birth_date, 'YYYY.MM.DD')}</span>
</div> </div>
@ -129,7 +129,7 @@ function Members() {
</h3> </h3>
<div className="flex items-center gap-2 text-sm text-gray-400"> <div className="flex items-center gap-2 text-sm text-gray-400">
<Calendar size={14} /> <Cake size={14} />
<span> <span>
{formatDate(member.birth_date, 'YYYY.MM.DD')} {formatDate(member.birth_date, 'YYYY.MM.DD')}
</span> </span>