Merge pull request #304 from boostcampwm2023/develop

[Deploy] Week6 Ver1 배포

packages/admin/src/App.tsx

@@ -5,6 +5,7 @@ import Board from './components/Board/Board.tsx';
 import Nav from './components/Nav.tsx';
 import SystemInfo from './components/SystemInfo/SystemInfo.tsx';
 import ExceptionStatistics from './components/ExceptionStatistics/ExceptionStatistics.tsx';
+import Login from './components/Login/Login.tsx';
 
 function App() {
 	return (
@@ -14,6 +15,7 @@ function App() {
 				<Link to={'/admin/board'}>Board</Link>
 				<Link to={'/admin/system-info'}>System Info</Link>
 				<Link to={'/admin/exception-statistics'}>Exception Statistics</Link>
+				<Link to={'/admin/login'}>Login</Link>
 			</Nav>
 			<Routes>
 				<Route path="/admin" element={<div>Home</div>} />
@@ -23,6 +25,7 @@ function App() {
 					path="/admin/exception-statistics"
 					element={<ExceptionStatistics />}
 				/>
+				<Route path="/admin/login" element={<Login />} />
 			</Routes>
 		</>
 	);

packages/admin/src/components/Board/Board.tsx

@@ -10,6 +10,10 @@ export default function Board() {
 
 	const getBoardList = async () => {
 		const response = await fetch(baseUrl + '/admin/post');
+		if (response.status === 401) {
+			// 로그인 페이지로 리다이렉트
+			window.location.href = '/admin/login';
+		}
 		const data = await response.json();
 		setBoardList(data);
 	};
@@ -38,28 +42,27 @@ export default function Board() {
 					</tr>
 				</thead>
 				<tbody>
-					{boardList.map((board: any) => (
-						<tr key={board.id} id={board.id}>
-							<TD>{board.id}</TD>
-							<TD>{board.title}</TD>
-							<TD>{board.user.nickname}</TD>
-							<TD>{board.like_cnt}</TD>
-							<TD>{board.images.length}</TD>
-							<TD>{board.created_at}</TD>
-							<TD>{board.updated_at}</TD>
-							<TD>
-								<Button onClick={getBoardDetail}>상세 보기</Button>
-							</TD>
-						</tr>
-					))}
+					{boardList &&
+						boardList.map((board: any) => (
+							<tr key={board.id} id={board.id}>
+								<TD>{board.id}</TD>
+								<TD>{board.title}</TD>
+								<TD>{board.user.nickname}</TD>
+								<TD>{board.like_cnt}</TD>
+								<TD>{board.images.length}</TD>
+								<TD>{board.created_at}</TD>
+								<TD>{board.updated_at}</TD>
+								<TD>
+									<Button onClick={getBoardDetail}>상세 보기</Button>
+								</TD>
+							</tr>
+						))}
 				</tbody>
 			</Table>
 			<div>
 				{boardDetail &&
 					Object.keys(boardDetail)?.map((detail: any) => {
-						return (
-						  <div>{detail + ' | ' + boardDetail[detail]}</div>
-						);
+						return <div>{detail + ' | ' + boardDetail[detail]}</div>;
 					})}
 			</div>
 		</div>

packages/admin/src/components/ExceptionStatistics/ExceptionStatistics.tsx

@@ -11,6 +11,10 @@ export default function ExceptionStatistics() {
 
 	const getAllExceptions = async () => {
 		const response = await fetch(baseUrl + '/admin/exception');
+		if (response.status === 401) {
+			// 로그인 페이지로 리다이렉트
+			window.location.href = '/admin/login';
+		}
 		const exceptions = await response.json();
 		exceptions.map((exception: Exception) => {
 			if (exception.path.includes('?')) {