Merge pull request #215 from Team-Lecue/Hotfix-Rooming

dev 머지머지

src/Detail/components/LecueNoteModal/LecueNoteModal.style.ts

@@ -68,6 +68,8 @@ export const LecueNoteModalContent = styled.p`
   max-height: 100%;
 
   ${({ theme }) => theme.fonts.Title2_M_16};
+
+  white-space: pre-wrap;
 `;
 
 export const LecueNoteModalDate = styled.p`

src/Mypage/components/LecueNote/LecueNote.style.ts

@@ -62,6 +62,8 @@ export const Content = styled.p`
   ${({ theme }) => theme.fonts.Body3_R_14};
 
   text-overflow: ellipsis;
+
+  white-space: pre-wrap;
 `;
 
 export const Date = styled.p`

src/Mypage/components/NoteModal/NoteModal.style.ts

@@ -89,6 +89,7 @@ export const Content = styled.p`
   height: 16.8rem;
 
   ${({ theme }) => theme.fonts.Body1_R_16};
+  white-space: pre-wrap;
 `;
 
 export const NoteDate = styled.p`

src/Router.tsx

@@ -5,6 +5,7 @@ import { useQueryErrorResetBoundary } from 'react-query';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 
 import BoundaryErrorPage from './components/common/BoundaryErrorPage';
+import ClearToken from './components/common/ClearToken/ClearToken';
 import ErrorPage from './components/common/ErrorPage';
 import LoadingPage from './components/common/LoadingPage';
 import CreateBook from './CreateBook/page';
@@ -47,6 +48,7 @@ function Router() {
             <Route path="/loading" element={<LoginCallback />} />
             <Route path="/error" element={<ErrorPage />} />
             <Route path="/loading-page" element={<LoadingPage />} />
+            <Route path="/clear" element={<ClearToken />} />
             <Route path="/*" element={<ErrorPage />} />
           </Routes>
         </Suspense>

src/components/common/ClearToken/ClearToken.tsx

@@ -0,0 +1,7 @@
+function ClearToken() {
+  window.localStorage.clear();
+
+  return <div>clear token</div>;
+}
+
+export default ClearToken;