bytelyst/learning_ai_invt_trdg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): use product primitives in header search

Browse Source
This commit is contained in:
Saravana Achu Mac 2026-05-07 11:37:49 -07:00
parent 837caeaad6
commit 3f70f6e85e
1 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/layout/Header.tsx
View File

@ -4,7 +4,7 @@ import { useAppContext } from '../../context/AppContext';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { fetchMarketIndices, type IndexSnapshot } from '../../lib/marketApi'; import { fetchMarketIndices, type IndexSnapshot } from '../../lib/marketApi';
import { useTheme } from '../theme/ThemeProvider'; import { useTheme } from '../theme/ThemeProvider';
import { Button } from '../ui/button'; import { Button, Input } from '../ui/Primitives';
export function Header() { export function Header() {
@ -86,7 +86,7 @@ export function Header() {
pointerEvents: 'none', pointerEvents: 'none',
}} }}
/> />
<input <Input
ref={inputRef} ref={inputRef}
aria-label="Search ticker" aria-label="Search ticker"
type="text" type="text"
@ -101,14 +101,7 @@ export function Header() {
width: '100%', width: '100%',
paddingLeft: 34, paddingLeft: 34,
paddingRight: 12, paddingRight: 12,
paddingTop: 8,
paddingBottom: 8,
border: '1px solid var(--border)',
borderRadius: 8,
fontSize: 13, fontSize: 13,
outline: 'none',
color: 'var(--foreground)',
background: 'var(--input)',
boxSizing: 'border-box', boxSizing: 'border-box',
fontFamily: 'inherit', fontFamily: 'inherit',
}} }}