From 4c224236da26956284fe58e6eda06ff76aa3d6e4 Mon Sep 17 00:00:00 2001 From: hamid zarghami Date: Thu, 26 Dec 2024 09:33:37 +0330 Subject: [PATCH] header --- src/assets/images/Avatar.png | Bin 0 -> 6804 bytes src/components/Input.tsx | 9 ++++++++- src/langs/fa.json | 3 +++ src/shared/Header.tsx | 31 +++++++++++++++++++++++++++++-- 4 files changed, 40 insertions(+), 3 deletions(-) create mode 100644 src/assets/images/Avatar.png diff --git a/src/assets/images/Avatar.png b/src/assets/images/Avatar.png new file mode 100644 index 0000000000000000000000000000000000000000..42269debce9e01f939123c9e5cf5fd169b4de422 GIT binary patch literal 6804 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%0AU@$HDXpGfyw@Rp^+OGMG7}_)i|G+9 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 = (props: Props) => { const inputClass = clx( 'w-full h-10 text-black block px-4 text-xs rounded-xl mt-1 border border-border', props.readOnly && 'bg-gray-100', + props.variant === 'search' && 'bg-[#EEF0F7] border-0 ps-10', props.className ); @@ -39,6 +41,11 @@ const Input: FC = (props: Props) => { props.type === 'password' && setShowPassword((oldValue) => !oldValue)} src={EyeIcon} className='w-5 absolute top-0 bottom-0 cursor-pointer my-auto left-3' /> } + + { + props.variant === 'search' && + + } ) diff --git a/src/langs/fa.json b/src/langs/fa.json index e92f7d7..80710c5 100644 --- a/src/langs/fa.json +++ b/src/langs/fa.json @@ -54,5 +54,8 @@ "learning": "آموزش", "setting": "تنظیمات", "logout": "خروج" + }, + "header": { + "search": "جستجو" } } diff --git a/src/shared/Header.tsx b/src/shared/Header.tsx index ad0998f..362cdae 100644 --- a/src/shared/Header.tsx +++ b/src/shared/Header.tsx @@ -1,9 +1,36 @@ import { FC } from 'react' +import Input from '../components/Input' +import { ArrowDown2, Element3, Notification, Wallet } from 'iconsax-react' +import AvatarImage from '../assets/images/Avatar.png' +import { useTranslation } from 'react-i18next' const Header: FC = () => { - return ( -
+ const { t } = useTranslation('global') + + return ( +
+ +
+ +
+
+ + + +
+
+ +
+
+
مهرداد مظفری
+ +
+
+
) }