From 96520dc7c765ee4a6d56ae5e2e2ffabf165236c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?kimjh=28=EA=B9=80=EC=9E=A5=ED=98=84=29?=
 <kimjh2369@gmail.com>
Date: Fri, 14 Oct 2022 11:17:53 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=ED=96=89=20=EC=8B=9C=EB=AE=AC?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=85=98=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=20=ED=91=9C=EC=8B=9C=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../analysis/simulation/AnalysimuationInfo.js | 27 ++++++++++++++++---
 .../simulator/AnalysisSimulationContainer.js  |  6 ++++-
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/components/analysis/simulation/AnalysimuationInfo.js b/src/components/analysis/simulation/AnalysimuationInfo.js
index 71442ec..95b65d3 100644
--- a/src/components/analysis/simulation/AnalysimuationInfo.js
+++ b/src/components/analysis/simulation/AnalysimuationInfo.js
@@ -32,8 +32,23 @@ export const AnalysimuationInfo = props => {
 
   return (
     <div className='layer-content drone-list'>
-      {props.count === 0 ? (
-        <div className='no-dataTable'>표시할 데이터가 없습니다.</div>
+      {!props.data ? (
+        <>
+          <div className='no-dataTable'>표시할 데이터가 없습니다.</div>
+          {loading && (
+            <div
+              style={{
+                display: 'flex',
+                justifyContent: 'center',
+                flexDirection: 'column',
+                alignItems: 'center'
+              }}
+            >
+              <Spinner color='primary' />
+              <span>Loading...</span>
+            </div>
+          )}
+        </>
       ) : (
         <>
           {props.data
@@ -47,8 +62,12 @@ export const AnalysimuationInfo = props => {
               if (item.idntfNum) {
                 return (
                   <div
-                    className='layer-content-list'
-                    onClick={() => props.handlerDetail(item.cntrlId)}
+                    className={`layer-content-list ${
+                      item.cntrlId === props.cntrlId ? 'on' : ''
+                    }`}
+                    onClick={() => {
+                      props.handlerDetail(item.cntrlId);
+                    }}
                     key={Math.random()}
                   >
                     <dl>
diff --git a/src/containers/analysis/simulator/AnalysisSimulationContainer.js b/src/containers/analysis/simulator/AnalysisSimulationContainer.js
index 4a770b9..a48e257 100644
--- a/src/containers/analysis/simulator/AnalysisSimulationContainer.js
+++ b/src/containers/analysis/simulator/AnalysisSimulationContainer.js
@@ -37,6 +37,8 @@ export const AnalysisSimulationContainer = props => {
 
   const [searchText, setSearchText] = useState('');
 
+  const [cntrlId, setCntrlId] = useState('');
+
   const [sliderVal, setSliderVal] = useState({
     maxVal: 0,
     minVal: 0
@@ -159,11 +161,12 @@ export const AnalysisSimulationContainer = props => {
   };
 
   const handlerDetail = id => {
-    setOpenReportList(false);
+    // setOpenReportList(false);
     handlerDetailSearch(id);
     handlerLogSearch(id);
     handlerStcsSearch(id);
     setOpenDetail(true);
+    setCntrlId(id);
   };
   const handlerLogout = () => {
     dispatch(Action.logout.request());
@@ -210,6 +213,7 @@ export const AnalysisSimulationContainer = props => {
             count={count}
             handlerDetail={handlerDetail}
             handlerPageList={handlerPageList}
+            cntrlId={cntrlId}
           />
         </div>
       ) : (