From 4c241342ac8c8403464ce4913a66430510cb4404 Mon Sep 17 00:00:00 2001
From: yeonddori <126975394+yeonddori@users.noreply.github.com>
Date: Thu, 5 Dec 2024 20:14:00 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=ED=95=99=EC=8A=B5=EC=9E=90=EB=A3=8C?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95=EC=97=90=EC=84=9C=EB=8A=94=20=ED=8C=8C?=
 =?UTF-8?q?=EC=9D=BC=20=EA=B4=80=EB=A0=A8=20UI=20=EC=95=88=20=EB=B3=B4?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95=20(#362)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#360
---
 .../study/CreateDocumentModal/index.tsx       | 112 +++++++++---------
 1 file changed, 55 insertions(+), 57 deletions(-)

diff --git a/src/containers/study/CreateDocumentModal/index.tsx b/src/containers/study/CreateDocumentModal/index.tsx
index bf5b61f..3dab707 100644
--- a/src/containers/study/CreateDocumentModal/index.tsx
+++ b/src/containers/study/CreateDocumentModal/index.tsx
@@ -249,49 +249,45 @@ const CreateDocumentModal = ({ isOpen, onClose, categoryData, category }: Docume
           }
           value={description}
         />
-        <StyledRadioGroup
-          title="파일 유형"
-          value={category === 'create' ? doctype : (categoryData as DocumentDetail).type}
-          onChange={category === 'create' ? (v) => setDocType(v as DocumentType) : () => {}}
-        >
-          <StyledRadio value="IMAGE">이미지</StyledRadio>
-          <StyledRadio value="DOCUMENT">파일</StyledRadio>
-          <StyledRadio value="URL">URL 링크</StyledRadio>
-        </StyledRadioGroup>
-        <Flex justify="end" direction="row" gap="4" shrink="0">
-          <Input
-            ref={urlInputRef}
-            flex="1"
-            h="7"
-            shadow="md"
-            hidden={doctype !== 'URL'}
-            placeholder="URL 링크를 입력해주세요."
-          />
-          <Button
-            w="28"
-            h="7"
-            shadow="md"
-            onClick={category === 'create' ? () => handleAddDoc[doctype]() : () => {}}
-            variant="orange"
-          >
-            추가하기
-          </Button>
-        </Flex>
-        <Divider borderWidth="2px" borderColor={color.orange_dark} />
-        <input
-          hidden
-          type="file"
-          multiple
-          accept="image/jpg,image/png,image/jpeg,image/gif"
-          ref={imgInputRef}
-          onChange={handleGetDoc.IMAGE}
-        />
-        <input
-          hidden
-          type="file"
-          multiple
-          ref={fileInputRef}
-          accept="text/plain,
+        {category === 'create' && (
+          <>
+            <StyledRadioGroup
+              title="파일 유형"
+              value={category === 'create' ? doctype : (categoryData as DocumentDetail).type}
+              onChange={category === 'create' ? (v) => setDocType(v as DocumentType) : () => {}}
+            >
+              <StyledRadio value="IMAGE">이미지</StyledRadio>
+              <StyledRadio value="DOCUMENT">파일</StyledRadio>
+              <StyledRadio value="URL">URL 링크</StyledRadio>
+            </StyledRadioGroup>
+            <Flex justify="end" direction="row" gap="4" shrink="0">
+              <Input
+                ref={urlInputRef}
+                flex="1"
+                h="7"
+                shadow="md"
+                hidden={doctype !== 'URL'}
+                placeholder="URL 링크를 입력해주세요."
+              />
+              <Button w="28" h="7" shadow="md" onClick={() => handleAddDoc[doctype]()} variant="orange">
+                추가하기
+              </Button>
+            </Flex>
+            <Divider borderWidth="2px" borderColor={color.orange_dark} />
+            <input
+              hidden
+              type="file"
+              multiple
+              accept="image/jpg,image/png,image/jpeg,image/gif"
+              ref={imgInputRef}
+              onChange={handleGetDoc.IMAGE}
+            />
+            <input
+              hidden
+              type="file"
+              multiple
+              ref={fileInputRef}
+              accept="text/plain,
                   application/zip,
                   application/pdf,
                   application/vnd.ms-powerpoint,
@@ -306,20 +302,22 @@ const CreateDocumentModal = ({ isOpen, onClose, categoryData, category }: Docume
                   image/png,
                   image/gif,
                   image/webp"
-          onChange={handleGetDoc.DOCUMENT}
-        />
-        <Flex direction="column" gap="4" overflow="scroll" maxH="52" shrink="0">
-          {docList[doctype] &&
-            docList[doctype].map((doc, index) => (
-              <IconBox
-                key={doc.key}
-                leftIcon={DocumentBoxIcon[doctype]}
-                content={doc.name}
-                rightIcon={<BiTrash />}
-                handleClick={category === 'create' ? () => handleRemoveDoc(index) : () => {}}
-              />
-            ))}
-        </Flex>
+              onChange={handleGetDoc.DOCUMENT}
+            />
+            <Flex direction="column" gap="4" overflow="scroll" maxH="52" shrink="0">
+              {docList[doctype] &&
+                docList[doctype].map((doc, index) => (
+                  <IconBox
+                    key={doc.key}
+                    leftIcon={DocumentBoxIcon[doctype]}
+                    content={doc.name}
+                    rightIcon={<BiTrash />}
+                    handleClick={category === 'create' ? () => handleRemoveDoc(index) : () => {}}
+                  />
+                ))}
+            </Flex>
+          </>
+        )}
         <StyledRadioGroup
           title="공개 범위"
           defaultValue={category === 'create' ? 'ALL' : (categoryData as DocumentDetail).accessType}