Merge branch 'develop'

src/components/ui/SelectVisitHistory.tsx

@@ -13,16 +13,22 @@ import { VisitHistoryType } from '@/types/collection';
 
 interface Props {
 	handleSelectOption: (value: VisitHistoryType) => void;
-	onOpenChange: (value: boolean) => void;
 }
 
-export function SelectVisitHistory({
-	handleSelectOption,
-	onOpenChange,
-}: Props) {
+export function SelectVisitHistory({ handleSelectOption }: Props) {
+	const [isOpen, setIsOpen] = React.useState(false);
+	console.log(isOpen);
+	const handleChangeIsOpen = (isOpen: boolean) => {
+		setIsOpen(isOpen);
+	};
 	return (
-		<Select onValueChange={handleSelectOption} onOpenChange={onOpenChange}>
-			<SelectTrigger className="h-S-56 w-full focus:border-Green-400">
+		<Select
+			onValueChange={handleSelectOption}
+			onOpenChange={handleChangeIsOpen}
+		>
+			<SelectTrigger
+				className={`h-S-56 w-full ${isOpen ? 'mb-16' : 'mb-0'} focus:border-Green-400`}
+			>
 				<SelectValue placeholder="선택" />
 			</SelectTrigger>
 			<SelectContent>

src/components/ui/modal/LeaveVisitHistoryModal.tsx

@@ -26,7 +26,6 @@ type Props = {
 const LeaveVisitHistoryModal = ({ setIsModalOpen }: Props) => {
 	const queryClient = useQueryClient();
 	const [option, setOption] = useState<VisitHistoryType>();
-	const [isSelectOpen, setIsSelectOpen] = useState(false);
 	const selectCollectionId = useSelectedCollectionId();
 	const { setIsComplete, setCompleteContent } = useContext(CompleteContext);
 	const { setIsSystemError, setType } = useContext(SystemContext);
@@ -36,7 +35,7 @@ const LeaveVisitHistoryModal = ({ setIsModalOpen }: Props) => {
 	const handleSelectOption = (value: VisitHistoryType) => setOption(value);
 	const handleLeaveVisitHistory = async (e: MouseEvent<HTMLButtonElement>) => {
 		e.preventDefault();
-		if (!selectCollectionId || !option || !isSelectOpen) return;
+		if (!selectCollectionId || !option) return;
 
 		try {
 			const reviewHistoryJSON = localStorage.getItem('reviewHistory');
@@ -103,12 +102,7 @@ const LeaveVisitHistoryModal = ({ setIsModalOpen }: Props) => {
 							<Close />
 						</button>
 					</header>
-					<SelectVisitHistory
-						handleSelectOption={handleSelectOption}
-						onOpenChange={(open) => {
-							setIsSelectOpen(open);
-						}}
-					/>
+					<SelectVisitHistory handleSelectOption={handleSelectOption} />
 					<section className="flex justify-between gap-10">
 						<Button onClick={() => setIsModalOpen(false)}>취소하기</Button>
 						<Button