chore: seperated auth page files

2025-06-30 23:02:12 +03:30
parent 5b58b1e6ba
commit 2fc5b28925
9 changed files with 289 additions and 172 deletions
@@ -0,0 +1,34 @@
+import PrimaryButton from '@/components/button/PrimaryButton';
+import InputField from '@/components/input/InputField';
+import React from 'react'
+
+type Props = {
+    onSubmit: React.FormEventHandler<HTMLFormElement> | undefined;
+    onChange: ((e: React.ChangeEvent<HTMLInputElement>) => void) & React.ChangeEventHandler<HTMLInputElement>;
+    value: string;
+}
+
+function StepEnterNumber({ onSubmit, onChange, value }: Props) {
+    return (
+        <form onSubmit={onSubmit} className='p-6 h-full flex flex-col justify-between'>
+            <div className='block'>
+                <img src='/assets/images/login-banner.png' />
+                <div className='pt-4' dir='rtl'>
+                    <h6 className='text-lg font-bold'>ورود به سیستم</h6>
+                    <p className='mt-3 text-[13px]'>برای ورود شماره همراه خود را وارد نمایید.</p>
+                </div>
+                <InputField
+                    className='mt-10'
+                    htmlFor='phone'
+                    labelText='شماره همراه'
+                    value={value}
+                    placeholder='09120000000'
+                    onChange={onChange}
+                    type='number' />
+            </div>
+            <PrimaryButton type='submit'>بعدی</PrimaryButton>
+        </form>
+    )
+}
+
+export default StepEnterNumber