show statistics with ul

PoApper · Dec 24, 2023 · d6f1ede · d6f1ede
1 parent d270799
commit d6f1ede
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 12 deletions.
diff --git a/pages/reservation/index.jsx b/pages/reservation/index.jsx
@@ -36,11 +36,11 @@ const ReservationPage = ({
   return (
     <ReservationLayout>
       <h3>예약 대기 목록</h3>
-      <p>
-        총 예약 수: {Number(totalReservationCnt).toLocaleString()}건<br/>
-        오늘 예약 수: {Number(todayReservationCnt).toLocaleString()}건<br/>
-        이번 주 예약 수: {Number(thisWeekReservationCnt).toLocaleString()}건<br/>
-      </p>
+      <ul style={{padding: '0 0 0 20px'}}>
+        <li>총 예약 수: {Number(totalReservationCnt).toLocaleString()}건</li>
+        <li>오늘 예약 수: {Number(todayReservationCnt).toLocaleString()}건</li>
+        <li>이번 주 예약 수: {Number(thisWeekReservationCnt).toLocaleString()}건</li>
+      </ul>
       <p>
         <b>심사중</b>인 모든 예약이 이곳에 표시됩니다. 예약 제목을 누르면 상세 예약 정보를 확인할 수 있습니다.
       </p>

diff --git a/pages/user.jsx b/pages/user.jsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react'
 import { Button, Icon, Input, Pagination } from 'semantic-ui-react'
+
 import LayoutWithAuth from '@/components/layout/layout.auth.with'
 import UserTable from '@/components/user/user.table'
 import UserCreateModal from '@/components/user/user.create.modal'
@@ -49,13 +50,13 @@ const UserPage = ({
         />
       </div>
 
-      <p>
-        총 유저 수: {Number(totalUserCnt).toLocaleString()}명<br/>
-        오늘 가입한 유저 수: {Number(todayRegisterUserCnt).toLocaleString()}명<br/>
-        오늘 로그인한 유저 수: {Number(todayLoginUserCnt).toLocaleString()}명<br/>
-        이번 주 가입한 유저 수: {Number(thisWeekRegisterUserCnt).toLocaleString()}명<br/>
-        이번 주 로그인한 유저 수: {Number(thisWeekLoginUserCnt).toLocaleString()}명<br/>
-      </p>
+      <ul style={{padding: '0 0 0 20px'}}>
+        <li>총 유저 수: {Number(totalUserCnt).toLocaleString()}명</li>
+        <li>오늘 가입한 유저 수: {Number(todayRegisterUserCnt).toLocaleString()}명</li>
+        <li>오늘 로그인한 유저 수: {Number(todayLoginUserCnt).toLocaleString()}명</li>
+        <li>이번 주 가입한 유저 수: {Number(thisWeekRegisterUserCnt).toLocaleString()}명</li>
+        <li>이번 주 로그인한 유저 수: {Number(thisWeekLoginUserCnt).toLocaleString()}명</li>
+      </ul>
 
       <p>
         유저는 마지막 로그인 순으로 정렬되어 표시됩니다.