merge :: 파일 업로드 버그 픽스

Team-return · Apr 9, 2024 · 9f67a43 · 9f67a43
2 parents 44c31cb + 10055d4
commit 9f67a43
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/src/app/recruitments/apply/page.tsx b/src/app/recruitments/apply/page.tsx
@@ -175,7 +175,7 @@ export default function Apply() {
                 ※ 파일 첨부 시 파일 확장자를 확인해 주시기 바랍니다.
               </p>
               <p className="text-caption leading-caption font-r text-[#7f7f7f]">
-                pdf, ppt, pptx, hwp, jpg, png, zip, txt, mp4, png, jpg, svg
+                pdf, ppt, pptx, hwp, zip, txt, mp4, png, jpg, svg
               </p>
               </div>
               <GhostBtn

diff --git a/src/components/mypage/AppliedICompanyItem.tsx b/src/components/mypage/AppliedICompanyItem.tsx
@@ -57,7 +57,7 @@ export default function APpliedCompanyItem({
             2023.11.25
           </p> */}
         </div>
-        <div className="absolute bottom-[12px] left-[22.5vw]">
+        <div className="absolute bottom-[12px] left-[50%] translate-x-[-50%]">
           <Icon
             icon="Chevron"
             color="gray60"

diff --git a/src/components/recruitments/apply/FileUploader.tsx b/src/components/recruitments/apply/FileUploader.tsx
@@ -21,11 +21,21 @@ export default function FileUploader({
 
   const addFileList = () => {
     if (fileRef.current?.files?.length) {
-      const files = Array.from(fileRef.current?.files);
-      setFileList(prev => [...prev, ...files]);
+      const files = removeOverlap([...fileList, ...(Array.from(fileRef.current?.files))]);
+      setFileList(files);
     }
   };
 
+  const removeOverlap = (array: File[]) => {
+    let uniqueObjects:{[key:string]:File} = {}
+    array.forEach(obj => {
+      const { name, lastModified } = obj
+      const key = JSON.stringify({name, lastModified});
+      uniqueObjects[key] = obj;
+    });
+  return Object.values(uniqueObjects);
+  }
+
   const prependFileItem = (fileName: string) => {
     setFileList(prev => prev.filter(file => file.name !== fileName));
   };
@@ -42,7 +52,10 @@ export default function FileUploader({
           ref={fileRef}
           type="file"
           multiple={multiple}
-          onChange={addFileList}
+          onChange={(e)=>{
+            addFileList();
+            e.target.value = "";
+          }}
         />
         <div
           onMouseEnter={() => {

diff --git a/src/util/object/kebabMenuItems.ts b/src/util/object/kebabMenuItems.ts
@@ -41,7 +41,6 @@ export const getMypageKebabItems = (): KebabItemType[] => {
     {
       label: "로그아웃",
       onClick: () => {
-        console.log("로그아웃");
         cookies.remove("access_token", { path: "/" });
         cookies.remove("refresh_token", { path: "/" });
         navigator.push("/account/login");