From 0169773929fdf545fe30c57fa63fc7f6dced247e Mon Sep 17 00:00:00 2001
From: kongnayeon <seoultownroad@naver.com>
Date: Wed, 10 Aug 2022 17:29:14 +0900
Subject: [PATCH] =?UTF-8?q?:rocket:=20feat:=20=EC=9E=85=EC=9E=A5=20?=
 =?UTF-8?q?=EC=95=8C=EB=A6=BC,=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20=EC=88=9C?=
 =?UTF-8?q?=EC=84=9C=20=EB=92=A4=EC=A7=91=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Tickets/EnterPage/EnterList.js |  3 ++-
 .../Tickets/EnterPage/RecentEnter.js          | 20 ++++++++++---------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/components/Tickets/EnterPage/EnterList.js b/src/components/Tickets/EnterPage/EnterList.js
index fcbbcf0..89808b6 100644
--- a/src/components/Tickets/EnterPage/EnterList.js
+++ b/src/components/Tickets/EnterPage/EnterList.js
@@ -10,6 +10,7 @@ const ContainerHeight = 800;
 
 function EnterList() {
   const { ticketList } = useSelector(state => state.enterPage);
+  const reverse = [...ticketList].reverse();
 
   const onScroll = e => {
     if (
@@ -31,7 +32,7 @@ function EnterList() {
           <Col span={16}>
             <List>
               <VirtualList
-                data={ticketList}
+                data={reverse}
                 height={ContainerHeight}
                 itemHeight={47}
                 itemKey="email"
diff --git a/src/components/Tickets/EnterPage/RecentEnter.js b/src/components/Tickets/EnterPage/RecentEnter.js
index 426ef93..17d47ee 100644
--- a/src/components/Tickets/EnterPage/RecentEnter.js
+++ b/src/components/Tickets/EnterPage/RecentEnter.js
@@ -3,21 +3,23 @@ import {
   CloseCircleOutlined,
   LoadingOutlined
 } from '@ant-design/icons';
-import { Card, Tag, Space } from 'antd';
+import { Card, Tag, Space, message } from 'antd';
 import moment from 'moment';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { useSelector } from 'react-redux';
 import styled from 'styled-components';
 
-styled(Card)`
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  position: relative;
-`;
-
 function RecentEnter() {
   const { enterData } = useSelector(state => state.enterPage);
+  const isMounted = useRef(false);
+
+  useEffect(() => {
+    if (!isMounted.current) {
+      isMounted.current = true;
+    } else {
+      message.info(`입장 알림`);
+    }
+  }, [enterData]);
 
   return (
     <>