feat: [FE] 로컬에서 불러오는 경우도 이름과 타입을 불러오도록 처리

로컬에서 불러오는 경우도 이름과 타입을 불러오도록 처리
boostcampwm2023 · Nov 30, 2023 · 4cfd900 · 4cfd900
1 parent 727c81b
commit 4cfd900
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/frontEnd/src/components/room/editor/LoadButton.tsx b/frontEnd/src/components/room/editor/LoadButton.tsx
@@ -6,6 +6,7 @@ import LoginModal from '../modal/LoginModal';
 import createAuthFailCallback from '@/utils/authFailCallback';
 import sendMessageDataChannels from '@/utils/sendMessageDataChannels';
 import { DataChannel } from '@/types/RTCConnection';
+import { EDITOR_LANGUAGE_TYPES } from '@/constants/editor';
 
 function LoadButtonElement({ children, onClick }: { children: React.ReactNode; onClick: React.MouseEventHandler<HTMLButtonElement> }) {
   return (
@@ -35,7 +36,7 @@ export default function LoadButton({ plainCode, setPlainCode, setLanguageName, s
 
   const handleLoadLocalCodeFile = () => {
     uploadLocalFile((name, code, languageName) => {
-      setFileName(name);
+      setFileName(`${name}.${EDITOR_LANGUAGE_TYPES[languageName].extension}`);
       setPlainCode(code);
       setLanguageName(languageName);