Fix minor typos

src/assets/CancleFileUpload.tsx

@@ -1,4 +1,4 @@
-const CancleFileUpload = () => (
+const CancelFileUpload = () => (
   <svg
     xmlns='http://www.w3.org/2000/svg'
     width='1.5rem'
@@ -13,4 +13,4 @@ const CancleFileUpload = () => (
   </svg>
 );
 
-export default CancleFileUpload;
+export default CancelFileUpload;

src/assets/index.ts

@@ -1,5 +1,5 @@
 export { default as BlueCheckIcon } from './BlueCheckIcon';
-export { default as CancleFileUpload } from './CancleFileUpload';
+export { default as CancelFileUpload } from './CancelFileUpload';
 export { default as ChatListShiftIcon } from './ChatListShiftIcon';
 export { default as CheckBoxIcon } from './CheckBoxIcon';
 export { default as CheckedIcon } from './CheckedIcon';

src/components/Map/CustomOverlay/index.tsx

@@ -29,7 +29,7 @@ const CustomOverlay: React.FC<CustomOverlayProps> = ({
       </div>
     </S.Topbox>
     <S.Middlebox>
-      <S.Positon>{position}</S.Positon>
+      <S.Position>{position}</S.Position>
       <S.Company>{company}</S.Company>
     </S.Middlebox>
     <S.Bottombox>

src/components/Map/CustomOverlay/style.ts

@@ -37,7 +37,7 @@ export const Topbox = styled.div`
 export const LocationBtn = styled.div``;
 export const Name = styled.div``;
 export const Company = styled.div``;
-export const Positon = styled.div``;
+export const Position = styled.div``;
 export const Icons = styled.div``;
 export const Location = styled.div``;
 

src/components/Modal/FileUpload/FileUploadModal/index.tsx

@@ -8,7 +8,7 @@ import { toast } from 'react-toastify';
 
 import * as S from './style';
 
-import { FileRegisterIcon, CancleFileUpload } from '@/assets';
+import { FileRegisterIcon, CancelFileUpload } from '@/assets';
 import { FileUploadModalWrapper } from '@/components';
 
 interface Props {
@@ -38,9 +38,9 @@ const FileUpload: React.FC<Props> = ({ closeModal, setFiles }) => {
       <S.FileUploadInfo>
         <S.TitleContainer>
           <S.Title>파일 추가</S.Title>
-          <S.CancleUploadContainer onClick={closeModal}>
-            <CancleFileUpload />
-          </S.CancleUploadContainer>
+          <S.CancelUploadContainer onClick={closeModal}>
+            <CancelFileUpload />
+          </S.CancelUploadContainer>
         </S.TitleContainer>
         <S.SmallTitle>20MB 이하의 파일</S.SmallTitle>
       </S.FileUploadInfo>

src/components/Modal/FileUpload/FileUploadModal/style.ts

@@ -25,7 +25,7 @@ export const SmallTitle = styled.p`
   color: ${({ theme }) => theme.color.grey[400]};
 `;
 
-export const CancleUploadContainer = styled.div`
+export const CancelUploadContainer = styled.div`
   cursor: pointer;
 `;
 

src/components/Modal/MyPage/ProfileImgChange/index.tsx

@@ -118,9 +118,9 @@ const ProfileImgChange = ({ imgUrl, closeModal }: Props) => {
   };
 
   const dataURLtoFile = (dataUrl: string, filename: string) => {
-    const splitedUrl = dataUrl.split(',');
-    const mime = splitedUrl?.[0].match(/:(.*?);/)?.[1];
-    const byteString = atob(splitedUrl[1]);
+    const splittedUrl = dataUrl.split(',');
+    const mime = splittedUrl?.[0].match(/:(.*?);/)?.[1];
+    const byteString = atob(splittedUrl[1]);
     let n = byteString.length;
     const uint8Array = new Uint8Array(n);
     while (n--) {

src/components/SelectFile/index.tsx

@@ -4,7 +4,7 @@ import type { Dispatch, SetStateAction } from 'react';
 
 import * as S from './style';
 
-import { CancleFileUpload, FileUploadIcon } from '@/assets';
+import { CancelFileUpload, FileUploadIcon } from '@/assets';
 
 interface Props {
   file: File;
@@ -18,11 +18,11 @@ const SelectFile: React.FC<Props> = ({ file, setFiles, index }) => (
       <FileUploadIcon />
       <S.Text>{file.name}</S.Text>
     </S.FileNameContainer>
-    <S.CancleUploadContainer
+    <S.CancelUploadContainer
       onClick={() => setFiles((prev) => prev.filter((_, i) => i !== index))}
     >
-      <CancleFileUpload />
-    </S.CancleUploadContainer>
+      <CancelFileUpload />
+    </S.CancelUploadContainer>
   </S.Container>
 );
 

src/components/SelectFile/style.ts

@@ -21,6 +21,6 @@ export const Text = styled.p`
   color: ${({ theme }) => theme.color.grey[400]};
 `;
 
-export const CancleUploadContainer = styled.div`
+export const CancelUploadContainer = styled.div`
   cursor: pointer;
 `;

src/pageContainer/chat/list/index.tsx

@@ -54,11 +54,11 @@
 //   return (
 //     <>
 //       <Header />
-//       <S.Conatiner>
+//       <S.Container>
 //         <S.Text>채팅 목록</S.Text>
 //         {chatList?.map((i) => <ChattingListCard key={i.opponentUserId}  />)}
 //         <button onClick={() => sendMessage('test')}>테스트</button>
-//       </S.Conatiner>
+//       </S.Container>
 //     </>
 //   );
 // };

src/pageContainer/chat/list/style.ts

@@ -1,6 +1,6 @@
 // import styled from '@emotion/styled';
 
-// export const Conatiner = styled.div`
+// export const Container = styled.div`
 //   padding-top: 4.375rem;
 //   height: 100vh;
 // `;