From de83cad210a0998f4c83596c8354c8870f12073e Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Mon, 30 Sep 2024 17:22:38 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=A7=80=EB=9D=BC=20=EC=9D=B4=EC=8A=88=20?=
 =?UTF-8?q?=EC=97=86=EC=9D=8C]=20FavoriteBtn.jsx,=20SingleOption.jsx,=20?=
 =?UTF-8?q?=20js/ts=20import=20=EC=B2=98=EB=A6=AC=20(compare)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SingleProduct/SingleOption.jsx            | 58 ++++++++-----------
 .../DetailPanel/components/FavoriteBtn.jsx    | 33 ++++-------
 2 files changed, 37 insertions(+), 54 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleOption.jsx b/com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleOption.jsx
index 73e0882c..8a9c7f4a 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleOption.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleOption.jsx
@@ -4,53 +4,45 @@ import React, {
   useMemo,
   useRef,
   useState,
-} from 'react';
+} from "react";
 
-import classNames from 'classnames';
-import {
-  useDispatch,
-  useSelector,
-} from 'react-redux';
+import classNames from "classnames";
+import { useDispatch, useSelector } from "react-redux";
 
-import { log } from '@enact/core/handle';
-import Spotlight from '@enact/spotlight';
-import SpotlightContainerDecorator
-  from '@enact/spotlight/SpotlightContainerDecorator';
-import Spottable from '@enact/spotlight/Spottable';
+import { log } from "@enact/core/handle";
+import Spotlight from "@enact/spotlight";
+import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+import Spottable from "@enact/spotlight/Spottable";
 
-import { getMyInfoCheckoutInfo } from '../../../actions/checkoutActions';
+import { getMyInfoCheckoutInfo } from "../../../actions/checkoutActions";
 import {
   launchMembershipApp,
   setHidePopup,
   setShowPopup,
-} from '../../../actions/commonActions';
+} from "../../../actions/commonActions";
 import {
   getProductCouponDownload,
   getProductCouponSearch,
   getProductCouponTotDownload,
-} from '../../../actions/couponActions';
-import { sendLogPaymentEntry } from '../../../actions/logActions';
-import { pushPanel } from '../../../actions/panelActions';
+} from "../../../actions/couponActions";
+import { sendLogPaymentEntry } from "../../../actions/logActions";
+import { pushPanel } from "../../../actions/panelActions";
 import {
   getProductOption,
   getProductOptionId,
-} from '../../../actions/productActions';
-import TButton from '../../../components/TButton/TButton';
-import TPopUp from '../../../components/TPopUp/TPopUp';
-import TQRCode from '../../../components/TQRCode/TQRCode';
-import TScroller from '../../../components/TScroller/TScroller';
-import TVirtualGridList
-  from '../../../components/TVirtualGridList/TVirtualGridList';
-import usePriceInfo from '../../../hooks/usePriceInfo';
-import * as Config from '../../../utils/Config';
-import {
-  $L,
-  getQRCodeUrl,
-} from '../../../utils/helperMethods';
-import { SpotlightIds } from '../../../utils/SpotlightIds';
-import FavoriteBtn from '../components/FavoriteBtn';
-import BillingProductPrice from './BillingProductPrice/BillingProductPrice';
-import css from './SingleOption.module.less';
+} from "../../../actions/productActions";
+import TButton from "../../../components/TButton/TButton";
+import TPopUp from "../../../components/TPopUp/TPopUp";
+import TQRCode from "../../../components/TQRCode/TQRCode";
+import TScroller from "../../../components/TScroller/TScroller";
+import TVirtualGridList from "../../../components/TVirtualGridList/TVirtualGridList";
+import usePriceInfo from "../../../hooks/usePriceInfo";
+import * as Config from "../../../utils/Config";
+import { $L, getQRCodeUrl } from "../../../utils/helperMethods";
+import { SpotlightIds } from "../../../utils/SpotlightIds";
+import FavoriteBtn from "../components/FavoriteBtn";
+import BillingProductPrice from "./BillingProductPrice/BillingProductPrice";
+import css from "./SingleOption.module.less";
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "default-element" },
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.jsx
index 30cf1175..9c61c1b8 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/FavoriteBtn.jsx
@@ -1,30 +1,21 @@
-import React, {
-  useCallback,
-  useEffect,
-} from 'react';
+import React, { useCallback, useEffect } from "react";
 
-import classNames from 'classnames';
-import {
-  useDispatch,
-  useSelector,
-} from 'react-redux';
+import classNames from "classnames";
+import { useDispatch, useSelector } from "react-redux";
 
-import Spotlight from '@enact/spotlight';
+import Spotlight from "@enact/spotlight";
 
-import {
-  setHidePopup,
-  setShowPopup,
-} from '../../../actions/commonActions';
+import { setHidePopup, setShowPopup } from "../../../actions/commonActions";
 import {
   getMyFavoriteFlag,
   setMainLikeCategory,
-} from '../../../actions/mainActions';
-import { deleteMyFavorite } from '../../../actions/myPageActions';
-import TButton from '../../../components/TButton/TButton';
-import TPopUp from '../../../components/TPopUp/TPopUp';
-import * as Config from '../../../utils/Config';
-import { $L } from '../../../utils/helperMethods';
-import css from './FavoriteBtn.module.less';
+} from "../../../actions/mainActions";
+import { deleteMyFavorite } from "../../../actions/myPageActions";
+import TButton from "../../../components/TButton/TButton";
+import TPopUp from "../../../components/TPopUp/TPopUp";
+import * as Config from "../../../utils/Config";
+import { $L } from "../../../utils/helperMethods";
+import css from "./FavoriteBtn.module.less";
 
 export default function FavoriteBtn({ selectedPatnrId, selectedPrdtId }) {
   const dispatch = useDispatch();