From 9698c32cbd2972906721fb7cc4c145ddbdeacf65 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=90=E1=85=A2=E1=84=92=E1=85=AE?= =?UTF-8?q?=E1=86=AB?= Date: Mon, 16 Dec 2024 16:41:03 +0900 Subject: [PATCH 1/6] =?UTF-8?q?feat:=20=ED=96=89=EC=82=AC=20=EB=AA=A8?= =?UTF-8?q?=EC=95=84=EB=B3=B4=EA=B8=B0=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?= =?UTF-8?q?=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/apis/request/event.ts | 8 ++- .../CreatedEvent/CreatedEvent.style.ts | 19 ++++++ .../components/CreatedEvent/CreatedEvent.tsx | 66 +++++++++++++++++++ .../CreatedEvent/CreatedEvent.type.ts | 12 ++++ client/src/constants/queryKeys.ts | 1 + client/src/constants/routerUrls.ts | 1 + .../event/useRequestGetCreatedEvents.ts | 19 ++++++ .../CreatedEventsPage/CreatedEventsPage.tsx | 53 +++++++++++++++ client/src/pages/MyPage/index.tsx | 5 +- client/src/router.tsx | 5 ++ client/src/types/serviceType.ts | 11 ++++ 11 files changed, 198 insertions(+), 2 deletions(-) create mode 100644 client/src/components/Design/components/CreatedEvent/CreatedEvent.style.ts create mode 100644 client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx create mode 100644 client/src/components/Design/components/CreatedEvent/CreatedEvent.type.ts create mode 100644 client/src/hooks/queries/event/useRequestGetCreatedEvents.ts create mode 100644 client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx diff --git a/client/src/apis/request/event.ts b/client/src/apis/request/event.ts index 800a6e8d..25c8bed4 100644 --- a/client/src/apis/request/event.ts +++ b/client/src/apis/request/event.ts @@ -1,4 +1,4 @@ -import {Event, EventCreationData, EventId, EventName, User} from 'types/serviceType'; +import {CreatedEvents, Event, EventCreationData, EventId, EventName, User} from 'types/serviceType'; import {WithErrorHandlingStrategy} from '@errors/RequestGetError'; import {ADMIN_API_PREFIX, USER_API_PREFIX} from '@apis/endpointPrefix'; @@ -53,3 +53,9 @@ export const requestPatchUser = async (args: RequestPatchUser) => { }, }); }; + +export const requestGetCreatedEvents = async () => { + return await requestGet({ + endpoint: `${USER_API_PREFIX}/mine`, + }); +}; diff --git a/client/src/components/Design/components/CreatedEvent/CreatedEvent.style.ts b/client/src/components/Design/components/CreatedEvent/CreatedEvent.style.ts new file mode 100644 index 00000000..716aba32 --- /dev/null +++ b/client/src/components/Design/components/CreatedEvent/CreatedEvent.style.ts @@ -0,0 +1,19 @@ +import {css} from '@emotion/react'; + +import {WithTheme} from '@components/Design/type/withTheme'; + +export const inProgressCheckStyle = ({inProgress, theme}: WithTheme<{inProgress: boolean}>) => + css({ + display: 'flex', + alignItems: 'center', + gap: '0.125rem', + border: `1px solid ${inProgress ? theme.colors.primary : theme.colors.gray}`, + borderRadius: '0.5rem', + padding: '0.25rem 0.375rem', + height: '1.25rem', + + '.in-progress-check-text': { + color: inProgress ? theme.colors.primary : theme.colors.gray, + paddingTop: '0.0625rem', + }, + }); diff --git a/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx b/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx new file mode 100644 index 00000000..21daa35b --- /dev/null +++ b/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx @@ -0,0 +1,66 @@ +/** @jsxImportSource @emotion/react */ +import Text from '@HDcomponents/Text/Text'; + +import Flex from '../Flex/Flex'; +import {CreatedEventItemProps, CreatedEventListProps} from './CreatedEvent.type'; +import {useNavigate} from 'react-router-dom'; +import Input from '../Input/Input'; +import {inProgressCheckStyle} from './CreatedEvent.style'; +import {useTheme} from '@components/Design'; + +function InProgressCheck({inProgress}: {inProgress: boolean}) { + const {theme} = useTheme(); + + return ( +
+ + {inProgress ? '진행' : '완료'} + +
+ ); +} + +function CreatedEventItem({createdEvent}: CreatedEventItemProps) { + const navigate = useNavigate(); + const onClick = () => { + navigate(`/event/${createdEvent.eventId}/admin`); + }; + + return ( + + + + + {createdEvent.eventName} + + + + ); +} + +function CreatedEventList({createdEvents, eventName, onSearch, placeholder}: CreatedEventListProps) { + return ( + + + {createdEvents.length !== 0 && + createdEvents.map(createdEvent => )} + + ); +} + +export default CreatedEventList; diff --git a/client/src/components/Design/components/CreatedEvent/CreatedEvent.type.ts b/client/src/components/Design/components/CreatedEvent/CreatedEvent.type.ts new file mode 100644 index 00000000..2102fbd8 --- /dev/null +++ b/client/src/components/Design/components/CreatedEvent/CreatedEvent.type.ts @@ -0,0 +1,12 @@ +import {CreatedEvent} from './../../../../types/serviceType'; + +export interface CreatedEventItemProps { + createdEvent: CreatedEvent; +} + +export interface CreatedEventListProps { + eventName: string; + onSearch: ({target}: React.ChangeEvent) => void; + placeholder: string; + createdEvents: CreatedEvent[]; +} diff --git a/client/src/constants/queryKeys.ts b/client/src/constants/queryKeys.ts index 044d1a63..da45b206 100644 --- a/client/src/constants/queryKeys.ts +++ b/client/src/constants/queryKeys.ts @@ -8,6 +8,7 @@ const QUERY_KEYS = { images: 'images', kakaoClientId: 'kakao-client-id', kakaoLogin: 'kakao-login', + createdEvents: 'createdEvents', }; export default QUERY_KEYS; diff --git a/client/src/constants/routerUrls.ts b/client/src/constants/routerUrls.ts index a45b3e0b..2b4d6f87 100644 --- a/client/src/constants/routerUrls.ts +++ b/client/src/constants/routerUrls.ts @@ -18,6 +18,7 @@ export const ROUTER_URLS = { event: EVENT, login: '/login', myPage: '/mypage', + createdEvents: '/mypage/events', guestEventLogin: `${EVENT_WITH_EVENT_ID}/admin/guest/login`, memberEventLogin: `${EVENT_WITH_EVENT_ID}/admin/member/login`, kakaoLoginRedirectUri: process.env.KAKAO_REDIRECT_URI, diff --git a/client/src/hooks/queries/event/useRequestGetCreatedEvents.ts b/client/src/hooks/queries/event/useRequestGetCreatedEvents.ts new file mode 100644 index 00000000..fe1cc227 --- /dev/null +++ b/client/src/hooks/queries/event/useRequestGetCreatedEvents.ts @@ -0,0 +1,19 @@ +import {useQuery} from '@tanstack/react-query'; + +import {requestGetCreatedEvents} from '@apis/request/event'; + +import QUERY_KEYS from '@constants/queryKeys'; + +const useRequestGetCreatedEvents = () => { + const {data, ...rest} = useQuery({ + queryKey: [QUERY_KEYS.createdEvents], + queryFn: () => requestGetCreatedEvents(), + }); + + return { + events: data?.events.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()), + ...rest, + }; +}; + +export default useRequestGetCreatedEvents; diff --git a/client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx b/client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx new file mode 100644 index 00000000..3a2d65a5 --- /dev/null +++ b/client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx @@ -0,0 +1,53 @@ +import {MainLayout, Top, TopNav} from '@components/Design'; +import CreatedEventList from '@components/Design/components/CreatedEvent/CreatedEvent'; +import {css} from '@emotion/react'; +import useRequestGetCreatedEvents from '@hooks/queries/event/useRequestGetCreatedEvents'; +import {useEffect, useState} from 'react'; + +export default function CreatedEventsPage() { + const [eventName, setEventName] = useState(''); + const {events} = useRequestGetCreatedEvents(); + const [matchedEvents, setMatchedEvents] = useState(events); + + useEffect(() => { + setMatchedEvents(events?.filter(event => event.eventName.includes(eventName))); + }, [eventName, events]); + + const onSearch = (e: React.ChangeEvent) => { + setEventName(e.target.value); + }; + + return ( + + + + +
+ + + + +
+
+ +
+ + ); +} diff --git a/client/src/pages/MyPage/index.tsx b/client/src/pages/MyPage/index.tsx index dcabbe6e..6d7e7654 100644 --- a/client/src/pages/MyPage/index.tsx +++ b/client/src/pages/MyPage/index.tsx @@ -2,9 +2,12 @@ import {Button, Flex, FunnelLayout, MainLayout, Text, TextButton, TopNav, useThe import {mockImageStyle} from './MyPage.style'; import Container from './Container'; +import {ROUTER_URLS} from '@constants/routerUrls'; +import {useNavigate} from 'react-router-dom'; const MyPage = () => { const {theme} = useTheme(); + const navigate = useNavigate(); return ( @@ -33,7 +36,7 @@ const MyPage = () => { 기본 계좌 번호 설정하기 - + navigate(ROUTER_URLS.createdEvents)}> 내가 만든 행사 목록 보기 diff --git a/client/src/router.tsx b/client/src/router.tsx index 208f4f64..d5d7e0c6 100644 --- a/client/src/router.tsx +++ b/client/src/router.tsx @@ -33,6 +33,7 @@ const LoginPage = lazy(() => import('@pages/LoginPage')); const MyPage = lazy(() => import('@pages/MyPage')); const LoginRedirectPage = lazy(() => import('@pages/LoginPage/LoginRedirectPage')); const LoginFailFallback = lazy(() => import('@pages/LoginPage/LoginFailFallback')); +const CreatedEventsPage = lazy(() => import('@pages/CreatedEventsPage/CreatedEventsPage')); const router = createBrowserRouter([ { @@ -135,6 +136,10 @@ const router = createBrowserRouter([ path: ROUTER_URLS.qrCode, element: , }, + { + path: ROUTER_URLS.createdEvents, + element: , + }, ], }, { diff --git a/client/src/types/serviceType.ts b/client/src/types/serviceType.ts index 2172bd3f..7bc4ca2c 100644 --- a/client/src/types/serviceType.ts +++ b/client/src/types/serviceType.ts @@ -92,3 +92,14 @@ export interface ImageFile { id: number; url: string; } + +export interface CreatedEvent { + eventId: string; + eventName: string; + isFinished: boolean; + createdAt: string; +} + +export interface CreatedEvents { + events: CreatedEvent[]; +} From 79a497ac25b0dc625142a2bbca5f6554c1c2d7d6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=90=E1=85=A2=E1=84=92=E1=85=AE?= =?UTF-8?q?=E1=86=AB?= Date: Mon, 16 Dec 2024 16:44:40 +0900 Subject: [PATCH 2/6] =?UTF-8?q?chore:=20lint=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Design/components/CreatedEvent/CreatedEvent.tsx | 9 ++++++--- client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx | 8 +++++--- client/src/pages/MyPage/index.tsx | 6 ++++-- 3 files changed, 15 insertions(+), 8 deletions(-) diff --git a/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx b/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx index 21daa35b..a4475ce2 100644 --- a/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx +++ b/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx @@ -1,12 +1,15 @@ /** @jsxImportSource @emotion/react */ +import {useNavigate} from 'react-router-dom'; + import Text from '@HDcomponents/Text/Text'; +import {useTheme} from '@components/Design'; + import Flex from '../Flex/Flex'; -import {CreatedEventItemProps, CreatedEventListProps} from './CreatedEvent.type'; -import {useNavigate} from 'react-router-dom'; import Input from '../Input/Input'; + +import {CreatedEventItemProps, CreatedEventListProps} from './CreatedEvent.type'; import {inProgressCheckStyle} from './CreatedEvent.style'; -import {useTheme} from '@components/Design'; function InProgressCheck({inProgress}: {inProgress: boolean}) { const {theme} = useTheme(); diff --git a/client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx b/client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx index 3a2d65a5..aa86c3ee 100644 --- a/client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx +++ b/client/src/pages/CreatedEventsPage/CreatedEventsPage.tsx @@ -1,9 +1,11 @@ -import {MainLayout, Top, TopNav} from '@components/Design'; -import CreatedEventList from '@components/Design/components/CreatedEvent/CreatedEvent'; import {css} from '@emotion/react'; -import useRequestGetCreatedEvents from '@hooks/queries/event/useRequestGetCreatedEvents'; import {useEffect, useState} from 'react'; +import CreatedEventList from '@components/Design/components/CreatedEvent/CreatedEvent'; +import useRequestGetCreatedEvents from '@hooks/queries/event/useRequestGetCreatedEvents'; + +import {MainLayout, Top, TopNav} from '@components/Design'; + export default function CreatedEventsPage() { const [eventName, setEventName] = useState(''); const {events} = useRequestGetCreatedEvents(); diff --git a/client/src/pages/MyPage/index.tsx b/client/src/pages/MyPage/index.tsx index 6d7e7654..ef8855e8 100644 --- a/client/src/pages/MyPage/index.tsx +++ b/client/src/pages/MyPage/index.tsx @@ -1,9 +1,11 @@ +import {useNavigate} from 'react-router-dom'; + import {Button, Flex, FunnelLayout, MainLayout, Text, TextButton, TopNav, useTheme} from '@components/Design'; +import {ROUTER_URLS} from '@constants/routerUrls'; + import {mockImageStyle} from './MyPage.style'; import Container from './Container'; -import {ROUTER_URLS} from '@constants/routerUrls'; -import {useNavigate} from 'react-router-dom'; const MyPage = () => { const {theme} = useTheme(); From f366d8c0e638c12882a63e50a5eaac6b3b60e146 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=90=E1=85=A2=E1=84=92=E1=85=AE?= =?UTF-8?q?=E1=86=AB?= Date: Mon, 16 Dec 2024 19:00:22 +0900 Subject: [PATCH 3/6] =?UTF-8?q?fix:=20CreatedEvents=EB=A5=BC=20react-query?= =?UTF-8?q?=EC=9D=98=20select=EB=A5=BC=20=EC=82=AC=EC=9A=A9=ED=95=98?= =?UTF-8?q?=EC=97=AC=20=EC=A0=95=EB=A0=AC=ED=95=98=EB=8F=84=EB=A1=9D=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/hooks/queries/event/useRequestGetCreatedEvents.ts | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/client/src/hooks/queries/event/useRequestGetCreatedEvents.ts b/client/src/hooks/queries/event/useRequestGetCreatedEvents.ts index fe1cc227..f32a24ed 100644 --- a/client/src/hooks/queries/event/useRequestGetCreatedEvents.ts +++ b/client/src/hooks/queries/event/useRequestGetCreatedEvents.ts @@ -8,10 +8,14 @@ const useRequestGetCreatedEvents = () => { const {data, ...rest} = useQuery({ queryKey: [QUERY_KEYS.createdEvents], queryFn: () => requestGetCreatedEvents(), + select: data => ({ + ...data, + events: data.events.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()), + }), }); return { - events: data?.events.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()), + events: data?.events, ...rest, }; }; From 33506eb73fe8907c4c07c997a253ab2e4dfb4a24 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=90=E1=85=A2=E1=84=92=E1=85=AE?= =?UTF-8?q?=E1=86=AB?= Date: Mon, 16 Dec 2024 19:14:46 +0900 Subject: [PATCH 4/6] =?UTF-8?q?fix:=20eventId=EA=B0=80=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD=EB=90=A0=20=EB=96=84,=20get=20=EC=9A=94=EC=B2=AD?= =?UTF-8?q?=EC=9D=84=20=EC=83=88=EB=A1=9C=20=EB=B3=B4=EB=82=B4=EB=8F=84?= =?UTF-8?q?=EB=A1=9D=20queryKey=EC=97=90=20eventId=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/hooks/queries/bill/useRequestGetBillDetails.ts | 2 +- client/src/hooks/queries/event/useRequestGetEvent.ts | 2 +- client/src/hooks/queries/member/useRequestGetAllMembers.ts | 2 +- client/src/hooks/queries/member/useRequestGetCurrentMembers.ts | 2 +- client/src/hooks/queries/report/useRequestGetReports.ts | 2 +- client/src/hooks/queries/step/useRequestGetSteps.ts | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/client/src/hooks/queries/bill/useRequestGetBillDetails.ts b/client/src/hooks/queries/bill/useRequestGetBillDetails.ts index e59b1043..c9d01907 100644 --- a/client/src/hooks/queries/bill/useRequestGetBillDetails.ts +++ b/client/src/hooks/queries/bill/useRequestGetBillDetails.ts @@ -15,7 +15,7 @@ const useRequestGetBillDetails = ({billId, ...props}: WithErrorHandlingStrategy< const eventId = getEventIdByUrl(); const {data, ...rest} = useQuery({ - queryKey: [QUERY_KEYS.billDetails, billId], + queryKey: [QUERY_KEYS.billDetails, billId, eventId], queryFn: () => requestGetBillDetails({eventId, billId, ...props}), }); diff --git a/client/src/hooks/queries/event/useRequestGetEvent.ts b/client/src/hooks/queries/event/useRequestGetEvent.ts index 98a99470..e6cfc245 100644 --- a/client/src/hooks/queries/event/useRequestGetEvent.ts +++ b/client/src/hooks/queries/event/useRequestGetEvent.ts @@ -11,7 +11,7 @@ const useRequestGetEvent = ({...props}: WithErrorHandlingStrategy | null = {}) = const eventId = getEventIdByUrl(); const {data, ...rest} = useSuspenseQuery({ - queryKey: [QUERY_KEYS.event], + queryKey: [QUERY_KEYS.event, eventId], queryFn: () => requestGetEvent({eventId, ...props}), }); diff --git a/client/src/hooks/queries/member/useRequestGetAllMembers.ts b/client/src/hooks/queries/member/useRequestGetAllMembers.ts index bd28e583..b5948d9e 100644 --- a/client/src/hooks/queries/member/useRequestGetAllMembers.ts +++ b/client/src/hooks/queries/member/useRequestGetAllMembers.ts @@ -11,7 +11,7 @@ const useRequestGetAllMembers = ({...props}: WithErrorHandlingStrategy | null = const eventId = getEventIdByUrl(); const {data, ...rest} = useQuery({ - queryKey: [QUERY_KEYS.allMembers], + queryKey: [QUERY_KEYS.allMembers, eventId], queryFn: () => requestGetAllMembers({eventId, ...props}), }); diff --git a/client/src/hooks/queries/member/useRequestGetCurrentMembers.ts b/client/src/hooks/queries/member/useRequestGetCurrentMembers.ts index 536438b3..abb8c1ed 100644 --- a/client/src/hooks/queries/member/useRequestGetCurrentMembers.ts +++ b/client/src/hooks/queries/member/useRequestGetCurrentMembers.ts @@ -11,7 +11,7 @@ const useRequestGetCurrentMembers = ({...props}: WithErrorHandlingStrategy | nul const eventId = getEventIdByUrl(); const {data, ...rest} = useQuery({ - queryKey: [QUERY_KEYS.currentMembers], + queryKey: [QUERY_KEYS.currentMembers, eventId], queryFn: () => requestGetCurrentMembers({eventId, ...props}), }); diff --git a/client/src/hooks/queries/report/useRequestGetReports.ts b/client/src/hooks/queries/report/useRequestGetReports.ts index d50fdcf3..f07704b2 100644 --- a/client/src/hooks/queries/report/useRequestGetReports.ts +++ b/client/src/hooks/queries/report/useRequestGetReports.ts @@ -11,7 +11,7 @@ const useRequestGetReports = ({...props}: WithErrorHandlingStrategy | null = {}) const eventId = getEventIdByUrl(); const {data, ...rest} = useQuery({ - queryKey: [QUERY_KEYS.reports], + queryKey: [QUERY_KEYS.reports, eventId], queryFn: () => requestGetReports({eventId, ...props}), }); diff --git a/client/src/hooks/queries/step/useRequestGetSteps.ts b/client/src/hooks/queries/step/useRequestGetSteps.ts index 54e1ae83..833313cd 100644 --- a/client/src/hooks/queries/step/useRequestGetSteps.ts +++ b/client/src/hooks/queries/step/useRequestGetSteps.ts @@ -11,7 +11,7 @@ const useRequestGetSteps = ({...props}: WithErrorHandlingStrategy | null = {}) = const eventId = getEventIdByUrl(); const queryResult = useQuery({ - queryKey: [QUERY_KEYS.steps], + queryKey: [QUERY_KEYS.steps, eventId], queryFn: () => requestGetSteps({eventId, ...props}), }); From 95b2faeebc18f277f3af68a64de4538bd060e217 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=90=E1=85=A2=E1=84=92=E1=85=AE?= =?UTF-8?q?=E1=86=AB?= Date: Tue, 17 Dec 2024 16:37:11 +0900 Subject: [PATCH 5/6] =?UTF-8?q?fix:=20listItem=EC=9D=98=20=EC=A0=84?= =?UTF-8?q?=EC=B2=B4=20=EC=98=81=EC=97=AD=EC=9D=B4=20=ED=81=B4=EB=A6=AD?= =?UTF-8?q?=EB=90=98=EB=8F=84=EB=A1=9D=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/Design/components/CreatedEvent/CreatedEvent.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx b/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx index a4475ce2..cd33f30a 100644 --- a/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx +++ b/client/src/components/Design/components/CreatedEvent/CreatedEvent.tsx @@ -36,8 +36,9 @@ function CreatedEventItem({createdEvent}: CreatedEventItemProps) { height="2.5rem" padding="0.5rem 1rem" paddingInline="0.5rem" + onClick={onClick} > - + {createdEvent.eventName} From 5ae111009e73aeffe799879d280a2924407e7798 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=90=E1=85=A2=E1=84=92=E1=85=AE?= =?UTF-8?q?=E1=86=AB?= Date: Tue, 17 Dec 2024 16:39:44 +0900 Subject: [PATCH 6/6] =?UTF-8?q?fix:=20chipGroup=EC=97=90=20key=20prop=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/components/Design/components/ChipGroup/ChipGroup.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/components/Design/components/ChipGroup/ChipGroup.tsx b/client/src/components/Design/components/ChipGroup/ChipGroup.tsx index 79222821..959c24a6 100644 --- a/client/src/components/Design/components/ChipGroup/ChipGroup.tsx +++ b/client/src/components/Design/components/ChipGroup/ChipGroup.tsx @@ -18,7 +18,7 @@ const ChipGroup = ({color, texts}: Props) => { return (
{texts.map(text => ( - + ))}
);