BivekiGroup/protekauto-frontend
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Bivekich
2025-06-26 06:59:59 +03:00
commit d44874775c
450 changed files with 76635 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/components/profile/ProfilePersonalData.tsx Normal file
View File

@ -0,0 +1,103 @@
import React from "react";
interface ProfilePersonalDataProps {
firstName: string;
setFirstName: (v: string) => void;
lastName: string;
setLastName: (v: string) => void;
phone: string;
setPhone: (v: string) => void;
email: string;
setEmail: (v: string) => void;
phoneError: string;
emailError: string;
onSave?: () => void;
}
const ProfilePersonalData: React.FC<ProfilePersonalDataProps> = ({
firstName,
setFirstName,
lastName,
setLastName,
phone,
setPhone,
email,
setEmail,
phoneError,
emailError,
onSave,
}) => (
<div className="flex overflow-hidden flex-col p-8 w-full bg-white rounded-2xl max-md:px-5 max-md:max-w-full">
<div className="text-3xl font-bold leading-none text-gray-950">
Персональные данные
</div>
<div className="flex flex-col mt-8 w-full max-md:max-w-full">
<div className="flex flex-wrap gap-5 items-start w-full text-sm leading-snug max-md:max-w-full">
<div className="flex flex-col flex-1 shrink whitespace-nowrap basis-0 min-w-[240px]">
<div className="text-gray-950">Имя</div>
<div className="gap-2.5 self-stretch px-6 py-3.5 mt-1.5 w-full bg-white rounded border border-solid border-stone-300 min-h-[46px] max-md:px-5">
<input
type="text"
placeholder="Имя"
className="w-full bg-transparent outline-none text-gray-600"
value={firstName}
onChange={e => setFirstName(e.target.value)}
/>
</div>
</div>
<div className="flex flex-col flex-1 shrink whitespace-nowrap basis-0 min-w-[240px]">
<div className="text-gray-950">Фамилия</div>
<div className="gap-2.5 self-stretch px-6 py-3.5 mt-1.5 w-full bg-white rounded border border-solid border-stone-300 min-h-[46px] max-md:px-5">
<input
type="text"
placeholder="Фамилия"
className="w-full bg-transparent outline-none text-gray-600"
value={lastName}
onChange={e => setLastName(e.target.value)}
/>
</div>
</div>
<div className="flex flex-col flex-1 shrink basis-0 min-w-[240px]">
<div className="text-gray-950">Номер телефона</div>
<div className="gap-2.5 self-stretch px-6 py-3.5 mt-1.5 w-full bg-white rounded border border-solid border-stone-300 min-h-[46px] max-md:px-5">
<input
type="text"
placeholder="Телефон"
className={`w-full bg-transparent outline-none text-gray-600 ${phoneError ? 'border-red-500' : ''}`}
value={phone}
onChange={e => setPhone(e.target.value)}
/>
</div>
{phoneError && <div className="text-red-500 text-xs mt-1 ml-2">{phoneError}</div>}
</div>
<div className="flex flex-col flex-1 shrink whitespace-nowrap basis-0 min-w-[240px]">
<div className="text-gray-950">E-mail</div>
<div className="gap-2.5 self-stretch px-6 py-3.5 mt-1.5 w-full bg-white rounded border border-solid border-stone-300 min-h-[46px] text-neutral-500 max-md:px-5">
<input
type="email"
placeholder="E-mail"
className={`w-full bg-transparent outline-none text-neutral-500 ${emailError ? 'border-red-500' : ''}`}
value={email}
onChange={e => setEmail(e.target.value)}
/>
</div>
{emailError && <div className="text-red-500 text-xs mt-1 ml-2">{emailError}</div>}
</div>
</div>
{onSave && (
<div className="flex justify-end mt-6 max-md:self-start">
<button
onClick={onSave}
className="px-6 py-3 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors font-medium"
style={{ color: '#fff' }}
>
Сохранить изменения
</button>
</div>
)}
</div>
</div>
);
export default ProfilePersonalData;