optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[지라이슈없음] checkoutPanel Sidebar spotlightRestrict

Browse Source
This commit is contained in:
hyunwoo93.cha
2025-01-15 17:40:13 +09:00
parent 2989721625
commit 9444ed4f3e
2 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
com.twin.app.shoptime/src/views/CheckOutPanel/container/FixedSideBar.jsx
View File

@@ -14,10 +14,7 @@ import OffersPromotionItemCard, {
} from "../components/OffersPromotionItemCard"; } from "../components/OffersPromotionItemCard";
import css from "./FixedSideBar.module.less"; import css from "./FixedSideBar.module.less";
const SideBarContainer = SpotlightContainerDecorator( const SideBarContainer = SpotlightContainerDecorator("div");
{ leaveFor: { left: "", right: "" } },
"div"
);
export default function FixedSideBar({ closeSideBar, offerSideBarOpen }) { export default function FixedSideBar({ closeSideBar, offerSideBarOpen }) {
const orderItemList = useSelector( const orderItemList = useSelector(
@@ -58,7 +55,10 @@ export default function FixedSideBar({ closeSideBar, offerSideBarOpen }) {
return ( return (
<> <>
<div className={classNames(css.bgLayer)} onClick={closeSideBar} /> <div className={classNames(css.bgLayer)} onClick={closeSideBar} />
<SideBarContainer className={classNames(css.fixedSideBar)}> <SideBarContainer
className={classNames(css.fixedSideBar)}
spotlightRestrict="self-only"
>
<div className={css.sideMainTitle}> <div className={css.sideMainTitle}>
<TIconButton className={css.backButton} onClick={closeSideBar} /> <TIconButton className={css.backButton} onClick={closeSideBar} />
<h2 className={css.title}>{$L("OFFERS & PROMOTION")}</h2> <h2 className={css.title}>{$L("OFFERS & PROMOTION")}</h2>

7
com.twin.app.shoptime/src/views/CheckOutPanel/container/OrderItemsSideBar.jsx
View File

@@ -12,10 +12,7 @@ import { $L } from "../../../utils/helperMethods";
import OrderItemCard, { SIZES } from "../components/OrderItemCard"; import OrderItemCard, { SIZES } from "../components/OrderItemCard";
import css from "./OrderItemsSideBar.module.less"; import css from "./OrderItemsSideBar.module.less";
const SideBarContainer = SpotlightContainerDecorator( const SideBarContainer = SpotlightContainerDecorator("div");
{ leaveFor: { left: "", right: "" } },
"div"
);
export default function OrderItemsSideBar({ closeSideBar }) { export default function OrderItemsSideBar({ closeSideBar }) {
const orderItemList = useSelector( const orderItemList = useSelector(
@@ -55,7 +52,7 @@ export default function OrderItemsSideBar({ closeSideBar }) {
return ( return (
<> <>
<div className={css.bgLayer} onClick={closeSideBar} /> <div className={css.bgLayer} onClick={closeSideBar} />
<SideBarContainer className={css.container}> <SideBarContainer className={css.container} spotlightRestrict="self-only">
<div className={css.titleBox}> <div className={css.titleBox}>
<TIConButton <TIConButton
className={css.backButton} className={css.backButton}