استپر باید ثابت باشه و به شکلی مثل پین شده باشه. که وقتی که تو موبایل دیده میشه بعد از هر اسکرول استپر دیده بشه و بمونه بالای صفحه. فونتی که برای فارسی استفاده میکنی هم از فونت ایران یکان یا ایران سنس و یا فونت هایی مشابه این ها استفاده کن.
در حالت فارسی هم ورود اعداد باید از سمت راست باشه نه چپ
دکمه فارسی و انگلیسی رو هم به شکل یک دکمه دربیار که وقتی روش میزنی انتخاب زبان میسر بشه. ترجیحا به شکل آیکون زبان باشه.
آیکون های فلش روی دکمه های قبلی و بعدی در زبان فارسی جابجاست. و در صفحات قبل از مرحله سوم کلا آیکون فلش نیست. باید در هر 4 مرحله دکمه های قبل و بعد فلش داشته باشن.
دکمه تغییر زبان هم بیار بذار پایین باکس اصلی که فیلد ها داخلش هستن. بیرون کادر سفید بذارش.
یه دکمه به شکل تنظیمات بذار که وقتی روش میزنی یه پاپ آپ بیاد که توش انتخاب زبان باشه / تنظیم به دارک و لایت باشه و هر موردی که میتونه به عنوان تنظیمات باشه. در کل این دکمه رو بیرون کادر بذار و نمایش فانکشن هم به شکل پاپ آپ بذار.
I'll implement all these changes to improve the user experience and make the form more suitable for both English and Persian users.
I've implemented all the requested changes to improve the registration form:
These changes make the form more user-friendly, especially for Persian users, and provide a more consistent navigation experience across all steps. The fixed stepper ensures users always know where they are in the process, even when scrolling through longer form sections on mobile devices.
I found the issue in the verification-step.tsx file. There's a syntax error in the handleOtpChange function. Let me fix that:
I fixed the syntax error in the handleOtpChange function in the verification-step.tsx file. The issue was that there was an invalid backslash character and a duplicated parameter list in the function declaration. I've corrected it by removing the backslash and the duplicated parameters.
The function now has the correct parameter list:
const handleOtpChange = (
type: "mobile" | "email",
index: number,
value: string,
e: React.ChangeEvent<HTMLInputElement>
) => {
// Function implementation...
}This should resolve the "Unexpected token ','" error and allow the application to run correctly.
بین هر استپ باید یه خط چین کمرنگی باشه که اتصالشون به همدیگر رو نشون بده
عدد هر استپ بعد از تایید شدن و گذر از اون مرحله نباید تبدیل به تیک بشه. همون عدد سرجاش باشه فقط رنگ دایره اش سبز بشه.
استپ 1 و 2 یکی بشن و تو یک مرحله باشن و با یک خط دیوایدر از همدیگه جدا بشن .
حالت فوکوس که یه فیلد در حالت انتخاب قرار داره، دوخط داره دورش انگار. این باید درست بشه و به یک خط تبدیل بشه.
مقادیر انتخاب کشور، فرمت ارزی و منطقه زمانی هم حذف بشه از فرم.
حالت دارک مود هم مشکل داره و فقط فیلد ها و اینپوت ها رو تیره میکنه. کاملا باید تاثیر بذاره رو کار حالت دارک. و انتخاب زبان از دکمه تنظیمات حذف بشه چون خودش در سمت مقابل دکمه مختص خودش رو داره و دکمه تنظیمات فقط دارک و لایت رو مشخص کنه