🚀 feat: 입장 알림, 리스트 순서 뒤집기

Gosrock · Aug 10, 2022 · 0169773 · 0169773
1 parent deb934b
commit 0169773
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git 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
@@ -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 (
     <>