diff --git a/com.twin.app.shoptime/assets/images/bg/Pinkfong.png b/com.twin.app.shoptime/assets/images/bg/Pinkfong.png new file mode 100644 index 00000000..8594901b Binary files /dev/null and b/com.twin.app.shoptime/assets/images/bg/Pinkfong.png differ diff --git a/com.twin.app.shoptime/assets/images/bg/hsn.png b/com.twin.app.shoptime/assets/images/bg/hsn.png new file mode 100644 index 00000000..1ce7253e Binary files /dev/null and b/com.twin.app.shoptime/assets/images/bg/hsn.png differ diff --git a/com.twin.app.shoptime/assets/images/bg/koreaKiosk.png b/com.twin.app.shoptime/assets/images/bg/koreaKiosk.png new file mode 100644 index 00000000..484f5d90 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/bg/koreaKiosk.png differ diff --git a/com.twin.app.shoptime/assets/images/bg/lgelectronics.png b/com.twin.app.shoptime/assets/images/bg/lgelectronics.png new file mode 100644 index 00000000..7a295111 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/bg/lgelectronics.png differ diff --git a/com.twin.app.shoptime/assets/images/bg/ontv4u.png b/com.twin.app.shoptime/assets/images/bg/ontv4u.png new file mode 100644 index 00000000..6bc77cd2 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/bg/ontv4u.png differ diff --git a/com.twin.app.shoptime/assets/images/bg/qvc.png b/com.twin.app.shoptime/assets/images/bg/qvc.png new file mode 100644 index 00000000..2e4a4053 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/bg/qvc.png differ diff --git a/com.twin.app.shoptime/assets/images/bg/shoplc.png b/com.twin.app.shoptime/assets/images/bg/shoplc.png new file mode 100644 index 00000000..d08cd783 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/bg/shoplc.png differ diff --git a/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx b/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx index 7b6f0a3e..f78501fb 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx @@ -1,22 +1,41 @@ // src/views/DetailPanel/DetailPanel.new.jsx -import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'; +import React, { + useCallback, + useEffect, + useLayoutEffect, + useMemo, + useRef, + useState, +} from 'react'; -import { useDispatch, useSelector } from 'react-redux'; +import { + useDispatch, + useSelector, +} from 'react-redux'; import Spotlight from '@enact/spotlight'; import { setContainerLastFocusedElement } from '@enact/spotlight/src/container'; import { getDeviceAdditionInfo } from '../../actions/deviceActions'; import { getThemeCurationDetailInfo } from '../../actions/homeActions'; -import { getMainCategoryDetail, getMainYouMayLike } from '../../actions/mainActions'; +import { + getMainCategoryDetail, + getMainYouMayLike, +} from '../../actions/mainActions'; import { finishModalMediaForce } from '../../actions/mediaActions'; -import { popPanel, updatePanel } from '../../actions/panelActions'; +import { + popPanel, + updatePanel, +} from '../../actions/panelActions'; import { finishVideoPreview, pauseFullscreenVideo, resumeFullscreenVideo, } from '../../actions/playActions'; -import { clearProductDetail, getProductOptionId } from '../../actions/productActions'; +import { + clearProductDetail, + getProductOptionId, +} from '../../actions/productActions'; import { clearAllToasts } from '../../actions/toastActions'; import TBody from '../../components/TBody/TBody'; import TPanel from '../../components/TPanel/TPanel'; @@ -734,7 +753,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) { return (