diff --git a/src/App.tsx b/src/App.tsx
index f1bd30e..dcc2651 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,6 +9,7 @@ import {
import './App.css';
import { useTranslation } from 'react-i18next';
import { LanguageManager } from './components/LanguageManager';
+import { UserCompletionForm } from './features/authentication/components/UserCompletionForm';
function App() {
const { t } = useTranslation();
@@ -18,6 +19,7 @@ function App() {
<>
+
{t('helloWorld')}
{getButtonLabel()}
@@ -343,7 +344,10 @@ export function UserCompletionForm() {
{' '}
می باشد.
-
diff --git a/src/features/profile/components/PersonalInformation.tsx b/src/features/profile/components/PersonalInformation.tsx
new file mode 100644
index 0000000..c48c578
--- /dev/null
+++ b/src/features/profile/components/PersonalInformation.tsx
@@ -0,0 +1,230 @@
+import {
+ Box,
+ Typography,
+ Button,
+ TextField,
+ FormControl,
+ Select,
+ MenuItem,
+ type SelectChangeEvent,
+} from '@mui/material';
+import { useState, type ChangeEvent } from 'react';
+import { CardContainer } from '@/components/CardContainer';
+
+export function PersonalInformation() {
+ const [isEditing, setIsEditing] = useState(false);
+ const [gender, setGender] = useState('');
+ const [data, setData] = useState({
+ firstName: 'محمد حسین',
+ lastName: 'برزهگر',
+ gender: 'مرد',
+ nationalCode: '',
+ });
+
+ const handleChange = (e: ChangeEvent) => {
+ setData((prev) => ({
+ ...prev,
+ [e.target.name]: e.target.value,
+ }));
+ };
+
+ const toggleEdit = () => {
+ setIsEditing((prev) => !prev);
+ if (isEditing) {
+ setData((prev) => ({
+ ...prev,
+ gender: gender === 'male' ? 'مرد' : gender === 'female' ? 'زن' : '',
+ }));
+ } else {
+ setGender(
+ data.gender === 'مرد' ? 'male' : data.gender === 'زن' ? 'female' : '',
+ );
+ }
+ };
+
+ const handleChangeGender = (e: SelectChangeEvent) => {
+ setGender(e.target.value);
+ };
+
+ const displayValue = (value: string | null | undefined) => {
+ return value && value.trim() !== '' ? value : 'تعیین نشده';
+ };
+
+ return (
+
+
+ {isEditing && (
+
+ )}
+
+
+ }
+ >
+
+
+ {isEditing ? (
+
+ ) : (
+
+
+ نام
+
+
+ {displayValue(data.firstName)}
+
+
+ )}
+
+
+
+ {isEditing ? (
+
+ ) : (
+
+
+ نام خانوادگی
+
+
+ {displayValue(data.lastName)}
+
+
+ )}
+
+
+
+ {isEditing ? (
+
+
+
+ ) : (
+
+
+ جنسیت
+
+
+ {displayValue(data.gender)}
+
+
+ )}
+
+
+
+ {isEditing ? (
+
+ ) : (
+
+
+ کد ملی
+
+
+ {displayValue(data.nationalCode)}
+
+
+ )}
+
+
+
+
+ );
+}