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

[DetailPanel] youmaylike onClick indicator gridList focus initial

Browse Source
This commit is contained in:
고동영
2024-07-02 16:30:54 +09:00
parent 1f74d153a3
commit 6904f2fad7
2 changed files with 21 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
com.twin.app.shoptime/src/views/DetailPanel/YouMayLike/YouMayLike.jsx
View File

@@ -1,35 +1,24 @@
import React, {
useCallback,
useEffect,
useState,
} from 'react';
import React, { useCallback, useEffect, useState } from "react";
import classNames from 'classnames';
import {
useDispatch,
useSelector,
} from 'react-redux';
import classNames from "classnames";
import { useDispatch, useSelector } from "react-redux";
import { Job } from '@enact/core/util';
import Spotlight from '@enact/spotlight';
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import { Job } from "@enact/core/util";
import Spotlight from "@enact/spotlight";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import Spottable from "@enact/spotlight/Spottable";
import { setContainerLastFocusedElement } from "@enact/spotlight/src/container";
import { getMainYouMayLike } from '../../../actions/mainActions';
import {
popPanel,
pushPanel,
} from '../../../actions/panelActions';
import { finishVideoPreview } from '../../../actions/playActions';
import TItemCard from '../../../components/TItemCard/TItemCard';
import TVirtualGridList
from '../../../components/TVirtualGridList/TVirtualGridList';
import useScrollTo from '../../../hooks/useScrollTo';
import { panel_names } from '../../../utils/Config';
import { $L } from '../../../utils/helperMethods';
import { SpotlightIds } from '../../../utils/SpotlightIds';
import css from './YouMayLike.module.less';
import { getMainYouMayLike } from "../../../actions/mainActions";
import { popPanel, pushPanel } from "../../../actions/panelActions";
import { finishVideoPreview } from "../../../actions/playActions";
import TItemCard from "../../../components/TItemCard/TItemCard";
import TVirtualGridList from "../../../components/TVirtualGridList/TVirtualGridList";
import useScrollTo from "../../../hooks/useScrollTo";
import { panel_names } from "../../../utils/Config";
import { $L } from "../../../utils/helperMethods";
import { SpotlightIds } from "../../../utils/SpotlightIds";
import css from "./YouMayLike.module.less";
const Container = SpotlightContainerDecorator(
{ enterTo: "default-element" },
@@ -109,6 +98,8 @@ export default function YouMayLike({
setSelectedIndex(0);
dispatch(finishVideoPreview());
dispatch(popPanel(panel_names.DETAIL_PANEL));
setContainerLastFocusedElement(null, ["indicator-GridListContainer"]);
dispatch(
pushPanel({
name: panel_names.DETAIL_PANEL,

1
com.twin.app.shoptime/src/views/DetailPanel/components/indicator/Indicator.jsx
View File

@@ -339,6 +339,7 @@ function Indicator({
itemHeight={144}
spacing={8}
renderItem={renderItem}
spotlightId="indicator-GridListContainer"
/>
)}
</Container>