[howaboutthese]

- 스몰상태에서는 onclick제거 및 pointer-event추가로 선택안되도록 변경.

com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx

@@ -4,10 +4,10 @@ import PropTypes from 'prop-types';
 import { useDispatch } from 'react-redux';
 
 import icShoptime from '../../../../assets/images/icons/ic-shoptime.png';
-import { getShopperHouseSearch } from '../../../actions/searchActions';
 import { updatePanel } from '../../../actions/panelActions';
-import { panel_names } from '../../../utils/Config';
+import { getShopperHouseSearch } from '../../../actions/searchActions';
 import TButton from '../../../components/TButton/TButton.jsx';
+import { panel_names } from '../../../utils/Config';
 import css from './HowAboutThese.small.module.less';
 
 const Bubble = ({ query, onClick }) => (
@@ -100,9 +100,12 @@ const HowAboutTheseSmall = ({
       <div className={css.bubblesContainer}>
         <div className={css.bubblesTrack}>
           {infiniteQueries.map((query, index) => (
-            <div className={css.bubble} key={index} onClick={() => handleQueryClick(query)}>
-              <div className={css.bubbleText}>{query}</div>
-            </div>
+            <>
+              {/* <div className={css.bubble} key={index} onClick={() => handleQueryClick(query)}> */}
+              <div className={css.bubble} key={index}>
+                <div className={css.bubbleText}>{query}</div>
+              </div>
+            </>
           ))}
         </div>
       </div>

com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less

@@ -102,7 +102,7 @@
   display: flex;
   align-items: center;
   white-space: nowrap;
-
+  pointer-events: none;
   &:focus {
     border: 4px solid @PRIMARY_COLOR_RED;
   }