first commit

This commit is contained in:
2026-05-23 13:22:10 +03:30
parent 5f9ee72174
commit 6591a52f27
52 changed files with 3937 additions and 133 deletions

31
ui/SearchBox.tsx Normal file
View File

@@ -0,0 +1,31 @@
import { ChangeEventHandler } from 'react';
import { TextField } from '@mui/material';
const SearchBox = ({ placeholder, onChange }:{placeholder:string,onChange:ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement, Element>}) => {
return (
<TextField
variant="outlined"
placeholder={placeholder || "جستجو کنید..."}
onChange={onChange}
fullWidth
sx={{
'& .MuiOutlinedInput-root': {
borderRadius: '16px', // گرد کردن لبه‌ها برای ظاهر مدرن
backgroundColor: '#f5f5f5',
'& fieldset': {
borderColor: 'transparent', // حذف خط پیش‌فرض
},
'&:hover fieldset': {
borderColor: '#1976d2',
},
'&.Mui-focused fieldset': {
borderColor: '#1976d2',
},
},
}}
/>
);
};
export default SearchBox;