@
17기 운영진
@@ -17,5 +18,3 @@ const FormRange = () => {
);
};
-
-export default FormRange;
diff --git a/apps/admin/app/(auth)/bills/create/_components/form/form-step-item.tsx b/apps/admin/app/(auth)/bills/create/_components/form/form-step-item.tsx
new file mode 100644
index 00000000..3c16aaf2
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/create/_components/form/form-step-item.tsx
@@ -0,0 +1,106 @@
+'use client';
+
+import {
+ Button,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+ FormMessage,
+ Input,
+} from '@dpm-core/shared';
+import { useFormContext, useWatch } from 'react-hook-form';
+
+const MAX_LENGTH = 20;
+
+interface FormStepItemProps {
+ index: number;
+ onRemove: () => void;
+}
+
+export const FormStepItem = ({ index, onRemove }: FormStepItemProps) => {
+ const { control } = useFormContext();
+ const title = useWatch({ name: `gatherings.${index}.title`, control });
+
+ return (
+
+ {/* 닫기 버튼 */}
+ {index > 0 && (
+
+ )}
+
+ {/* 차수 이름 */}
+ (
+
+ 회식 차수 이름
+
+
+
+ {/* TODO 차수 추가 시 자동 스크롤 구현 */}
+
+
+
+ {title.length}/{MAX_LENGTH}자
+
+
+
+ )}
+ />
+
+ {/* 금액 입력 */}
+ (
+
+ 금액
+
+ {
+ const raw = e.target.value.replace(/[^0-9]/g, '');
+ const formatted = raw.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+ field.onChange(formatted);
+ }}
+ />
+
+
+
+ )}
+ />
+
+ );
+};
diff --git a/apps/admin/app/(auth)/bills/create/_components/form/form-step-list.tsx b/apps/admin/app/(auth)/bills/create/_components/form/form-step-list.tsx
new file mode 100644
index 00000000..b785e262
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/create/_components/form/form-step-list.tsx
@@ -0,0 +1,17 @@
+import type { UseFieldArrayRemove } from 'react-hook-form';
+import { FormStepItem } from './form-step-item';
+
+interface FormStepListPros {
+ fields: Record<'id', string>[];
+ remove: UseFieldArrayRemove;
+}
+
+export const FormStepList = ({ fields, remove }: FormStepListPros) => {
+ return (
+
+ {fields.map((field, index) => (
+ remove(index)} />
+ ))}
+
+ );
+};
diff --git a/apps/admin/app/(auth)/bills/create/_components/form/form-title.tsx b/apps/admin/app/(auth)/bills/create/_components/form/form-title.tsx
new file mode 100644
index 00000000..cb28a82c
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/create/_components/form/form-title.tsx
@@ -0,0 +1,42 @@
+'use client';
+
+import { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '@dpm-core/shared';
+import { useFormContext, useWatch } from 'react-hook-form';
+
+const MAX_LENGTH = 20;
+
+export const FormTitle = () => {
+ const form = useFormContext();
+ const title = useWatch({ control: form.control, name: 'title' });
+
+ return (
+
+ );
+};
diff --git a/apps/admin/app/(auth)/bills/create/_components/form/index.ts b/apps/admin/app/(auth)/bills/create/_components/form/index.ts
new file mode 100644
index 00000000..91f69b89
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/create/_components/form/index.ts
@@ -0,0 +1,5 @@
+export * from './form-date';
+export * from './form-description';
+export * from './form-range';
+export * from './form-step-list';
+export * from './form-title';
diff --git a/apps/admin/app/(auth)/bills/create/_components/information-form-item.tsx b/apps/admin/app/(auth)/bills/create/_components/information-form-item.tsx
new file mode 100644
index 00000000..a7687c19
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/create/_components/information-form-item.tsx
@@ -0,0 +1,17 @@
+import { FormDate, FormDescription, FormRange, FormTitle } from './form';
+
+export const InformationFormItem = () => {
+ return (
+ <>
+
+
기본 정보
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/apps/admin/components/settle/create/StepWrapper.tsx b/apps/admin/app/(auth)/bills/create/_components/step-form-item.tsx
similarity index 66%
rename from apps/admin/components/settle/create/StepWrapper.tsx
rename to apps/admin/app/(auth)/bills/create/_components/step-form-item.tsx
index 62d14115..179170c9 100644
--- a/apps/admin/components/settle/create/StepWrapper.tsx
+++ b/apps/admin/app/(auth)/bills/create/_components/step-form-item.tsx
@@ -1,7 +1,18 @@
-import React from 'react';
-import FormStepList from './FormStepList';
+import { Button } from '@dpm-core/shared';
+import { useFieldArray, useFormContext } from 'react-hook-form';
+import { FormStepList } from './form';
+
+export const StepFormItem = () => {
+ const form = useFormContext();
+ const { fields, append, remove } = useFieldArray({
+ control: form.control,
+ name: 'gatherings',
+ });
+
+ const handleAddStep = () => {
+ append({ title: '', receipt: { amount: '' } });
+ };
-const StepWrapper = () => {
return (
<>
@@ -11,10 +22,13 @@ const StepWrapper = () => {
-
-
+
+
);
};
-
-export default StepWrapper;
diff --git a/apps/admin/app/(auth)/bills/create/page.tsx b/apps/admin/app/(auth)/bills/create/page.tsx
new file mode 100644
index 00000000..74287758
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/create/page.tsx
@@ -0,0 +1,11 @@
+import { AppHeader } from '@/components/app-header';
+import { BillForm } from './_components/bill-form';
+
+export default function CreateBillsPage() {
+ return (
+ <>
+
+
+
+ );
+}
diff --git a/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-container.tsx b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-container.tsx
new file mode 100644
index 00000000..aaa4a1ee
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-container.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import { ErrorBoundary } from '@suspensive/react';
+import { Suspense } from 'react';
+import { AppHeader } from '@/components/app-header';
+import { LoadingBox } from '@/components/loading-box';
+import { BillGatheringList } from './bill-gathering-list';
+
+interface BillGatheringContainerProps {
+ gatheringId: number;
+}
+
+export const _BillGatheringContainer = ({ gatheringId }: BillGatheringContainerProps) => {
+ return (
+ <>
+
+
+
+ );
+};
+
+export const BillGatheringContainer = ErrorBoundary.with(
+ { fallback: <> },
+ ({ gatheringId }: BillGatheringContainerProps) => (
+
}>
+ <_BillGatheringContainer gatheringId={gatheringId} />
+
+ ),
+);
diff --git a/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-filter.tsx b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-filter.tsx
new file mode 100644
index 00000000..2e729ad4
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-filter.tsx
@@ -0,0 +1,38 @@
+'use client';
+
+import { Tabs, TabsList, TabsTrigger } from '@dpm-core/shared';
+import { useGatheringStatusSearchParams } from '../_hooks/use-gathering-status-search-params';
+import { ATTEND_STATUS } from '../const/attend-status';
+
+const TABS_FILTER = [
+ {
+ label: '제출 전체',
+ value: ATTEND_STATUS.ALL,
+ },
+ {
+ label: '참석함',
+ value: ATTEND_STATUS.ATTEND,
+ },
+ {
+ label: '참석 안함',
+ value: ATTEND_STATUS.ABSENT,
+ },
+];
+
+export const BillGatheringFilter = () => {
+ const { attendStatus, handleChange } = useGatheringStatusSearchParams();
+
+ return (
+
+
+ {TABS_FILTER.map(({ value, label }) => {
+ return (
+
+ {label}
+
+ );
+ })}
+
+
+ );
+};
diff --git a/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-item.tsx b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-item.tsx
new file mode 100644
index 00000000..438ba2ec
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-item.tsx
@@ -0,0 +1,44 @@
+import type { Part } from '@dpm-core/api';
+import { Badge, CircleCheck, CircleX } from '@dpm-core/shared';
+import { Profile } from '@/components/attendance/profile';
+
+interface BillGatheringItemProps {
+ member: {
+ name: string;
+ authority: string;
+ part: Exclude
;
+ teamNumber: number;
+ isJoined: boolean;
+ };
+}
+
+export const BillGatheringItem = ({ member }: BillGatheringItemProps) => {
+ return (
+
+ );
+};
+
+interface GatheringStatusBadgeProps {
+ isJoined: boolean;
+}
+
+const GatheringStatusBadge = ({ isJoined }: GatheringStatusBadgeProps) => {
+ return (
+
+ {isJoined ? (
+ <>
+
+ 참석함
+
+ ) : (
+ <>
+
+ 참석 안함
+
+ )}
+
+ );
+};
diff --git a/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-list.tsx b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-list.tsx
new file mode 100644
index 00000000..20a40ba8
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_components/bill-gathering-list.tsx
@@ -0,0 +1,41 @@
+'use client';
+
+import { useSuspenseQuery } from '@tanstack/react-query';
+import { getGatheringMembersQueryOptions } from '@/remotes/queries/gathering';
+import { useGatheringStatusSearchParams } from '../_hooks/use-gathering-status-search-params';
+import { BillGatheringFilter } from './bill-gathering-filter';
+import { BillGatheringItem } from './bill-gathering-item';
+
+interface BillGatheringListProps {
+ gatheringId: number;
+}
+export const BillGatheringList = ({ gatheringId }: BillGatheringListProps) => {
+ const {
+ data: { data: gatheringMemberList },
+ } = useSuspenseQuery(getGatheringMembersQueryOptions({ gatheringId }));
+
+ const { attendStatus } = useGatheringStatusSearchParams();
+
+ const filteredMember = gatheringMemberList.members.filter((member) => {
+ if (attendStatus === 'ATTEND') {
+ return member.isJoined;
+ }
+ if (attendStatus === 'ABSENT') {
+ return !member.isJoined;
+ }
+ if (attendStatus === 'ALL') return true;
+ });
+
+ return (
+
+
+
+ {filteredMember.map((member) => (
+ -
+
+
+ ))}
+
+
+ );
+};
diff --git a/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_hooks/use-gathering-status-search-params.ts b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_hooks/use-gathering-status-search-params.ts
new file mode 100644
index 00000000..37ad4868
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/_hooks/use-gathering-status-search-params.ts
@@ -0,0 +1,20 @@
+import { useRouter, useSearchParams } from 'next/navigation';
+import z from 'zod';
+import { ATTEND_STATUS } from './../const/attend-status';
+
+const attendStatusSchema = z.enum(ATTEND_STATUS).catch(ATTEND_STATUS.ALL);
+
+export const useGatheringStatusSearchParams = () => {
+ const searchParams = useSearchParams();
+ const router = useRouter();
+
+ const attendStatus = attendStatusSchema.parse(searchParams.get('attendStatus'));
+
+ const handleFilterStatus = (value: string) => {
+ const newSearchParams = new URLSearchParams(searchParams);
+ newSearchParams.set('attendStatus', value);
+ router.replace(`?${newSearchParams.toString()}`);
+ };
+
+ return { attendStatus, handleChange: handleFilterStatus };
+};
diff --git a/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/const/attend-status.ts b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/const/attend-status.ts
new file mode 100644
index 00000000..2405ec9a
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/const/attend-status.ts
@@ -0,0 +1,5 @@
+export const ATTEND_STATUS = {
+ ALL: 'ALL',
+ ATTEND: 'ATTEND',
+ ABSENT: 'ABSENT',
+} as const;
diff --git a/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/page.tsx b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/page.tsx
new file mode 100644
index 00000000..0cf94c02
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/gatherings/[gatheringId]/page.tsx
@@ -0,0 +1,10 @@
+import { BillGatheringContainer } from './_components/bill-gathering-container';
+
+interface Props {
+ params: Promise<{ gatheringId: string }>;
+}
+export default async function BillsDetailPage({ params }: Props) {
+ const { gatheringId } = await params;
+
+ return ;
+}
diff --git a/apps/admin/app/(auth)/bills/layout.tsx b/apps/admin/app/(auth)/bills/layout.tsx
new file mode 100644
index 00000000..2188fab4
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/layout.tsx
@@ -0,0 +1,7 @@
+import { AppLayout } from '@dpm-core/shared';
+
+const BillsLayout = async ({ children }: { children: React.ReactNode }) => {
+ return {children};
+};
+
+export default BillsLayout;
diff --git a/apps/admin/app/(auth)/bills/page.tsx b/apps/admin/app/(auth)/bills/page.tsx
new file mode 100644
index 00000000..3da02970
--- /dev/null
+++ b/apps/admin/app/(auth)/bills/page.tsx
@@ -0,0 +1,11 @@
+import { AppHeader } from '@/components/app-header';
+import { BillList } from './_components/bill-list';
+
+export default function BillsMainPage() {
+ return (
+ <>
+
+
+
+ );
+}
diff --git a/apps/admin/components/app-header.tsx b/apps/admin/components/app-header.tsx
index 6ba35fd5..b306cd62 100644
--- a/apps/admin/components/app-header.tsx
+++ b/apps/admin/components/app-header.tsx
@@ -13,7 +13,9 @@ interface AppHeaderProps {
const AppHeader = ({ title, backHref, className }: AppHeaderProps) => {
const router = useRouter();
return (
-
+
{
@@ -26,7 +28,7 @@ const AppHeader = ({ title, backHref, className }: AppHeaderProps) => {
{title}
-
+
);
};
diff --git a/apps/admin/components/settle/_mock/image.svg b/apps/admin/components/settle/_mock/image.svg
deleted file mode 100644
index 72c166ac..00000000
--- a/apps/admin/components/settle/_mock/image.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/apps/admin/components/settle/_mock/index.ts b/apps/admin/components/settle/_mock/index.ts
deleted file mode 100644
index 65f708de..00000000
--- a/apps/admin/components/settle/_mock/index.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-export type SettleStatus = 'before' | 'progress' | 'done';
-
-export interface SettleItem {
- id: string;
- title: string;
- date: string;
- round?: string;
- count?: string;
- status: SettleStatus;
-}
-
-export const settleMockData: SettleItem[] = [
- {
- id: '1',
- title: '코어 1기 UT 후 회식',
- date: '25년 8월 12일 (토)',
- round: '~3차',
- count: '27/48명 제출',
- status: 'before',
- },
- {
- id: '2',
- title: '코어 1기 UT 후 회식',
- date: '25년 8월 12일 (토)',
- round: '~3차',
- count: '48명',
- status: 'progress',
- },
- {
- id: '3',
- title: '코어 1기 UT 후 회식',
- date: '25년 8월 12일 (토)',
- round: '~3차',
- count: '대상자 48명',
- status: 'done',
- },
-];
diff --git a/apps/admin/components/settle/create/CreateBottomSheet.tsx b/apps/admin/components/settle/create/CreateBottomSheet.tsx
deleted file mode 100644
index 1a8da359..00000000
--- a/apps/admin/components/settle/create/CreateBottomSheet.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-const CreateBottomSheet = () => {
- return (
-
-
-
-
생성 전 확인
-
- 정산서를 생성하시겠어요? MVP 단계에서는 생성 후 수정이
어려우니, 한 번 더 확인해
- 주세요.
-
-
-
-
-
-
-
-
-
-
기본 정보
-
-
-
-
-
-
-
-
- );
-};
-
-export default CreateFormWrapper;
diff --git a/apps/admin/components/settle/create/FormDate.tsx b/apps/admin/components/settle/create/FormDate.tsx
deleted file mode 100644
index b5fd933b..00000000
--- a/apps/admin/components/settle/create/FormDate.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-const FormDate = () => {
- return (
-
- );
-};
-
-export default FormDate;
diff --git a/apps/admin/components/settle/create/FormDesc.tsx b/apps/admin/components/settle/create/FormDesc.tsx
deleted file mode 100644
index cd39f256..00000000
--- a/apps/admin/components/settle/create/FormDesc.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-const FormDesc = () => {
- return (
-
-
- 정산서 이름
- (선택)
-
-
-
0/50자
-
- {/* 닫기 버튼 */}
-
-
- {/* 차수 정보 */}
-
-
- {[1, 2, 3, 4, 5].map((item) => (
- -
-
-
-
- ))}
-
- {[1, 2, 3, 4, 5].map((item) => (
- -
-
-
-
- ))}
-
- );
-};
-
-export default AttendList;
diff --git a/apps/admin/components/settle/detail/DetailBottom.tsx b/apps/admin/components/settle/detail/DetailBottom.tsx
deleted file mode 100644
index 314d873b..00000000
--- a/apps/admin/components/settle/detail/DetailBottom.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import DetailStep from './DetailStep';
-
-const DetailBottom = () => {
- return (
-
-
회식 참석 현황
-
- {[1, 2, 3, 4, 5].map((item) => (
-
- ))}
-
-
-
-
-
제출 전 확인
-
- -
- - 멤버 확정 후에는 참석 여부를 수정할 수
- 없습니다.
-
- - - 수정이 필요한 경우, 정산서를 삭제하고 새로 만들어야 합니다.
- - - 확정 전에는 꼭 한 번 더 확인해 주세요.
-
-
-
-
-
-
-
-
-
-
- #일이삼사오육칠팔구십 {headerTitle}
-
-
-
#회식 차수 이름
-
-
- {/* 금액 */}
-
-
금액
-
-
총 800,000원
-
/인당 금액 미정
-
-
-
- {/* 인원 */}
-
-
-
- {/* 참석자 리스트 확인 */}
-
-
-
-
참석자 리스트 확인
-
-
-
-
-
-
-
-
- 초대 멤버 전원이 참석 여부를 제출하면
- 멤버를 확정할 수 있어요.
-
-
-
-
- {/* 회식 이름 */}
-
17기 OT세션 공식 회식
-
- {/* 회식 설명 */}
-
- 회식설명 어쩌고 저쩌고 회식설명 어쩌고 저쩌고 회식설명 어쩌고 저쩌고 회식설명 어쩌고
- 저쩌고 회식설명 어쩌고 저쩌고 회식설명 어쩌고 저쩌고 회식설명 어쩌고 저쩌고 회식설명
- 어쩌고 저쩌고 회식설명 어쩌고 저쩌고
-
-
- {/* 회식 날짜, 범위 */}
-
- -
-
회식 날짜
- 25년 00월 00일 (토)
-
- -
-
초대 범위
-
-
-
-
- {/* 회식 인원 */}
-
-
-
-
-
-
-
- {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((item, index) => (
- -
-
-
-
-
- ))}
-
-
-
-
-
최종 정산 링크를 복사했습니다.
-
-
-
-
{config.title}
-
- v && setFilter(v as FilterValue)}
- className="flex gap-2"
- >
- {FILTERS.map(({ value: v, label }) => (
-
- {label}
-
- ))}
-
-
- );
-}
diff --git a/apps/admin/components/settle/main/NoSettle.tsx b/apps/admin/components/settle/main/NoSettle.tsx
deleted file mode 100644
index 40f3e89d..00000000
--- a/apps/admin/components/settle/main/NoSettle.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-const NoSettle = () => {
- return (
-
- );
-};
-
-export default NoSettle;
diff --git a/apps/admin/components/settle/main/SettleList.tsx b/apps/admin/components/settle/main/SettleList.tsx
deleted file mode 100644
index e3ad36c5..00000000
--- a/apps/admin/components/settle/main/SettleList.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { ErrorBoundary, Suspense } from '@suspensive/react';
-import { useSuspenseQuery } from '@tanstack/react-query';
-import { ErrorBox } from '@/components/error-box';
-import { LoadingBox } from '@/components/loading-box';
-import { getBiilsQueryOptions } from '@/remotes/queries/bill';
-import SettleListItem1 from './SettleListItem1';
-import SettleListItem2 from './SettleListItem2';
-import SettleListItem3 from './SettleListItem3';
-
-const SettlementListContainer = () => {
- const { data } = useSuspenseQuery(getBiilsQueryOptions);
-
- return (
-
- {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((item) => (
-
- ))}
-
-
-
- );
-};
-
-const SettleList = ErrorBoundary.with(
- {
- fallback: (props) => props.reset()} />,
- },
- () => (
- }>
-
-
- ),
-);
-
-export default SettleList;
diff --git a/apps/admin/components/settle/main/SettleListItem1.tsx b/apps/admin/components/settle/main/SettleListItem1.tsx
deleted file mode 100644
index cd1b96a3..00000000
--- a/apps/admin/components/settle/main/SettleListItem1.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-const SettleListItem1 = () => {
- return (
-
- {/* 왼쪽 */}
-
-
- {/* 오른쪽 */}
-
-
코어 1기 UT 후 회식
-
- {/* 날짜 */}
-
-
-
25년 8월 12일 (토)
-
-
- {/* 차수, 인원 */}
-
- {/* 차수 */}
-
-
- {/* Devider */}
-
-
- {/* 인원 */}
-
-
-
27/48명 제출
-
-
-
-
-
- {[1, 2, 3].map((item, index) => (
-
- ))}
-
-
정산 중
-
-
코어 1기 UT 후 회식
-
- {/* 날짜 */}
-
-
-
25년 8월 12일 (토)
-
-
- {/* 차수, 인원 */}
-
- {/* 차수 */}
-
-
- {/* Devider */}
-
-
- {/* 인원 */}
-
-
-
-
-
코어 1기 UT 후 회식
-
- {/* 날짜 */}
-
-
-
25년 8월 12일 (토)
-
-
- {/* 차수, 인원 */}
-
- {/* 차수 */}
-
-
- {/* Devider */}
-
-
- {/* 인원 */}
-
-
-
대상자 48명
-
-
-
-
-
- {(
- [
- { label: '제출 전체', value: 'all' },
- { label: '참석함', value: 'attend' },
- { label: '참석 안함', value: 'absent' },
- ] as { label: string; value: FilterType }[]
- ).map((filter) => (
-
- ))}
-
-
-
-
-
-
-
참여 여부 제출 링크 생성됨
-
- 멤버들이 참석 여부를 제출할 수 있도록
링크를 복사해 공유해 주세요.
-
-
-
-
-
-
-
-
-
- 초대 멤버 전원이 참석 여부를 제출하면 멤버를 확정할 수 있어요.
-
-
-
-
-
-
-
-
+
+ {children}
+
+ |
+ );
+ },
+ ...components,
+ }}
+ {...props}
+ />
+ );
+}
+
+function CalendarDayButton({
+ className,
+ day,
+ modifiers,
+ ...props
+}: React.ComponentProps) {
+ const defaultClassNames = getDefaultClassNames();
+
+ const ref = React.useRef(null);
+ React.useEffect(() => {
+ if (modifiers.focused) ref.current?.focus();
+ }, [modifiers.focused]);
+
+ return (
+