qcast3/onsitesurvey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 지붕재 적합성 검색어 30글자 제한 처리 추가

Browse Source
This commit is contained in:
Daseul Kim 2025-05-27 13:39:11 +09:00
parent 55c15c44ac
commit 7f0d1cf877
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/suitable/SuitableSearch.tsx
View File

@ -12,6 +12,15 @@ export default function SuitableSearch() {
const { getSuitableCommCode, clearSuitableSearch } = useSuitable() const { getSuitableCommCode, clearSuitableSearch } = useSuitable()
const { suitableCommCode, selectedCategory, setSelectedCategory, setSearchKeyword } = useSuitableStore() const { suitableCommCode, selectedCategory, setSelectedCategory, setSearchKeyword } = useSuitableStore()
const handleInputChange = (value: string) => {
if (Array.from(value).length > 30) {
alert('検索ワードは最大30文字まで入力できます。')
setSearchValue(value.slice(0, 30))
return
}
setSearchValue(value)
}
const handleInputSearch = async () => { const handleInputSearch = async () => {
if (!searchValue.trim()) { if (!searchValue.trim()) {
alert('屋根材の製品名を入力してください。') alert('屋根材の製品名を入力してください。')
@ -51,7 +60,7 @@ export default function SuitableSearch() {
className="search-frame" className="search-frame"
placeholder="屋根材 製品名を入力してください." placeholder="屋根材 製品名を入力してください."
value={searchValue} value={searchValue}
onChange={(e) => setSearchValue(e.target.value)} onChange={(e) => handleInputChange(e.target.value)}
onKeyDown={(e) => { onKeyDown={(e) => {
if (e.key === 'Enter') { if (e.key === 'Enter') {
handleInputSearch() handleInputSearch()