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

SHOPTIME-3346 searchpanel

Browse Source 
- Search / Show Full 화면 진입 후 Item Detail 진입 > Back button 클릭시 포커싱 사라짐
  - panels정보로 searchpanel일때에만 spotlight.focus주는 방식으로 처리.
This commit is contained in:
junghoon86.park
2024-08-13 14:58:13 +09:00
parent 575bf3d892
commit 056a3ee6d0
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.jsx
View File

@@ -59,6 +59,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
); );
const { searchDatas: searchDatas } = useSelector((state) => state.search); const { searchDatas: searchDatas } = useSelector((state) => state.search);
const searchPerformed = useSelector((state) => state.search.searchPerformed); const searchPerformed = useSelector((state) => state.search.searchPerformed);
const panels = useSelector((state) => state.panels.panels);
const [currentPage, setCurrentPage] = useState(1); const [currentPage, setCurrentPage] = useState(1);
const [paginatedKeywords, setPaginatedKeywords] = useState([]); const [paginatedKeywords, setPaginatedKeywords] = useState([]);
@@ -67,7 +68,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
panelInfo.searchVal ? panelInfo.searchVal : null panelInfo.searchVal ? panelInfo.searchVal : null
); );
const [position, setPosition] = useState(null); const [position, setPosition] = useState(null);
let searchQueryRef = usePrevious(searchQuery); let searchQueryRef = usePrevious(searchQuery);
let isOnTopRef = usePrevious(isOnTop); let isOnTopRef = usePrevious(isOnTop);
@@ -240,7 +241,9 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
Spotlight.resume(); Spotlight.resume();
setFirstSpot(true); setFirstSpot(true);
if (panelInfo.currentSpot) { if (panelInfo.currentSpot) {
Spotlight.focus(panelInfo.currentSpot); if (panels[panels.length - 1]?.name === "searchpanel") {
Spotlight.focus(panelInfo.currentSpot);
}
} }
}, 0); }, 0);
} }