desing: content 개행 받아올 수 있게 수정, 사이드바 높이 100% 수정

Author: YouD0313

src/components/admin/adminInquiry/AdminInquiryAnswer.styled.ts

@@ -10,7 +10,9 @@ import { SendButton } from '../../user/customerService/inquiry/Inquiry.styled';
 
 export const InquiryAnswerContentContainer = styled(
   AdminInquiryContentContainer
-)``;
+)`
+  margin-bottom: 5rem;
+`;
 
 export const InquiryAnswerContentWrapper = styled(AdminInquiryContentWrapper)``;
 

src/components/admin/adminInquiry/AdminInquiryAnswer.tsx

@@ -15,7 +15,7 @@ export default function AdminInquiryAnswer() {
     useOutletContext();
 
   const [answer, setAnswer] = useState<string>('');
-  const selectButton: LinkType = answer === null ? '작성하기' : '수정하기';
+  const selectButton: LinkType = answerData === null ? '작성하기' : '수정하기';
 
   useEffect(() => {
     if (answerData === null) {

src/components/admin/adminInquiry/AdminInquiryAnswerWrite.styled.ts

@@ -15,7 +15,9 @@ export const SpinnerWrapper = styled(SpinnerWrapperStyled)``;
 
 export const InquiryAnswerContentContainer = styled(
   AdminInquiryContentContainer
-)``;
+)`
+  margin-bottom: 5rem;
+`;
 
 export const InquiryAnswerWriteWrapper = styled(AdminInquiryContentWrapper)``;
 
@@ -39,7 +41,6 @@ export const InquiryAnswerWriteButton = styled(InquiryAnswerButton)`
 export const InquiryAnswerWriteButtonSpan = styled.span``;
 
 export const InquiryAnswerWrite = styled(InquiryContent)`
-  resize: none;
   border: 1px solid ${({ theme }) => theme.color.placeholder};
   border-radius: ${({ theme }) => theme.borderRadius.primary};
   padding: 1rem;

src/components/admin/adminInquiry/AdminInquiryAnswerWrite.tsx

@@ -45,6 +45,13 @@ export default function AdminInquiryAnswerWrite() {
     }
   }, [answerData]);
 
+  useEffect(() => {
+    if (inputRef && inputRef.current) {
+      inputRef.current.style.height = 'auto';
+      inputRef.current.style.height = `${inputRef.current.scrollHeight}px`;
+    }
+  }, [answer]);
+
   if (isLoading) {
     return (
       <S.SpinnerWrapper $isAdmin={true}>
@@ -94,7 +101,7 @@ export default function AdminInquiryAnswerWrite() {
           value={answer}
           ref={inputRef}
           onChange={handleChangeAnswer}
-        ></S.InquiryAnswerWrite>
+        />
       </S.InquiryAnswerWriteWrapper>
       <Modal isOpen={isOpen} onClose={handleModalClose}>
         {message}

src/components/admin/adminInquiry/AdminInquiryDetailContent.styled.ts

@@ -45,6 +45,8 @@ export const InquiryDeleteButton = styled(SendButton)`
 export const InquiryContent = styled.div`
   font-size: 1.1rem;
   width: 100%;
+  white-space: pre-line;
+  overflow: hidden;
 `;
 
 export const InquiryFileImgBlowUpButton = styled.button``;

src/components/common/admin/sidebar/AdminSidebar.styled.ts

@@ -17,6 +17,7 @@ export const SidebarContainer = styled.section`
   position: fixed;
   padding: 1rem;
   width: 15rem;
+  height: 100%;
   border-right: 1px solid ${({ theme }) => theme.color.grey};
 `;
 

src/hooks/admin/useAdminInquiry.ts

@@ -27,22 +27,22 @@ export const useAdminInquiry = ({
   const handleButtonState = (state: State, isDeleteApi: boolean = false) => {
     switch (state) {
       case 'success':
-        {
-          if (!isDeleteApi) {
-            handleModalOpen(ADMIN_MODAL_MESSAGE.writeSuccess);
+        if (!isDeleteApi) {
+          handleModalOpen(ADMIN_MODAL_MESSAGE.writeSuccess);
+        } else {
+          handleConfirm?.();
+          handleModalOpen(ADMIN_MODAL_MESSAGE.writeDeleteSuccess);
+        }
+        setTimeout(() => {
+          if (id) {
+            console.log('제대로 탐');
+
+            return navigate(`/admin/inquiries/detail/${id}`);
           } else {
-            handleConfirm?.();
-            handleModalOpen(ADMIN_MODAL_MESSAGE.writeDeleteSuccess);
+            console.log('??');
+            return navigate(-1);
           }
-          const timer = setTimeout(() => {
-            if (id) {
-              return navigate(`/admin/inquiries/detail/${id}`);
-            } else {
-              return navigate(-1);
-            }
-          }, 1000);
-          clearTimeout(timer);
-        }
+        }, 1000);
         break;
       case 'fail':
         if (!isDeleteApi) {