[TFullPopup] 풀팝업 제작 /

[CheckoutPanel] 체크아웃 작업 진행 중 - 핀코드 /
[CustomImage] 이미지 보이지 않던 현상 수정 (확인 필요)

com.twin.app.shoptime/src/views/CheckOutPanel/CheckOutPanel.jsx

@@ -17,13 +17,16 @@ import { changeAppStatus } from '../../actions/commonActions';
 import { getShoptimeTerms } from '../../actions/empActions';
 import { popPanel } from '../../actions/panelActions';
 import TBody from '../../components/TBody/TBody';
+import TFullPopup from '../../components/TFullPopup/TFullPopup';
 import THeader from '../../components/THeader/THeader';
 import TPanel from '../../components/TPanel/TPanel';
 import TScroller from '../../components/TScroller/TScroller';
+import { $L } from '../../utils/helperMethods';
 import css from './CheckOutPanel.module.less';
 import CheckoutQRCode from './components/CheckoutQRCode';
 import CheckOutTerms from './components/CheckOutTerms';
 import PinCode from './components/PinCode';
+import PinCodeInput from './components/PinCodeInput';
 import FixedSideBar from './container/FixedSideBar';
 import InformationContainer from './container/InformationContainer';
 import OrderItemsSideBar from './container/OrderItemsSideBar';
@@ -44,8 +47,13 @@ export default function CheckOutPanel() {
   const infoForCheckoutData = useSelector(
     (state) => state.checkout?.infoForCheckoutData
   );
+  const cardInfo = useSelector(
+    (state) => state.checkout?.checkoutData.cardInfo
+  );
+
   const [orderSideBarOpen, setOrderSideBarOpen] = useState(false);
   const [offerSideBarOpen, setOfferSideBarOpen] = useState(false);
+  const [placeOrderPopup, setPlaceOrderPopup] = useState(false);
 
   useEffect(() => {
     dispatch(getShoptimeTerms());
@@ -114,7 +122,7 @@ export default function CheckOutPanel() {
             onClick={onBackClick}
           />
           <div className={css.Wrap}>
-            <SummaryContainer userInfo={userNumber} />
+            <SummaryContainer setPlaceOrderPopup={setPlaceOrderPopup} />
             <InformationContainer
               toggleOrderSideBar={toggleOrderSideBar}
               toggleOfferSideBar={toggleOfferSideBar}
@@ -128,6 +136,14 @@ export default function CheckOutPanel() {
         <OrderItemsSideBar closeSideBar={toggleOrderSideBar} />
       )}
       {offerSideBarOpen && <FixedSideBar closeSideBar={toggleOfferSideBar} />}
+
+      <TFullPopup
+        open={placeOrderPopup}
+        className={css.pinCodePopup}
+        noAnimation={true}
+      >
+        <PinCodeInput setPlaceOrderPopup={setPlaceOrderPopup} />
+      </TFullPopup>
     </>
   );
 }