Jocaru/echoes-of-the-ash
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Unify search bar styles across components

Browse Source
This commit is contained in:
Joan
2026-02-06 11:45:25 +01:00
parent 539377e63d
commit fb92f28a69
7 changed files with 412 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
pwa/src/components/game/Workbench.tsx
View File

@@ -488,17 +488,20 @@ function Workbench({
{/* Column 2: Items List */}
<div className="workbench-items-column">
<div className="workbench-filters">
<input
type="text"
placeholder={t('game.searchItems')}
value={workbenchTab === 'craft' ? craftFilter : workbenchTab === 'repair' ? repairFilter : uncraftFilter}
onChange={(e: ChangeEvent<HTMLInputElement>) => {
if (workbenchTab === 'craft') onSetCraftFilter(e.target.value)
else if (workbenchTab === 'repair') onSetRepairFilter(e.target.value)
else onSetUncraftFilter(e.target.value)
}}
className="filter-input"
/>
<div className="game-search-container">
<span className="game-search-icon">🔍</span>
<input
type="text"
placeholder={t('game.searchItems')}
value={workbenchTab === 'craft' ? craftFilter : workbenchTab === 'repair' ? repairFilter : uncraftFilter}
onChange={(e: ChangeEvent<HTMLInputElement>) => {
if (workbenchTab === 'craft') onSetCraftFilter(e.target.value)
else if (workbenchTab === 'repair') onSetRepairFilter(e.target.value)
else onSetUncraftFilter(e.target.value)
}}
className="game-search-input"
/>
</div>
</div>
<div className="workbench-items-list">