refactor: update ID input fields and button text for consistency in Company ID upload flow
This commit is contained in:
parent
da7047566e
commit
fa1058381f
@ -371,7 +371,7 @@ export default function CompanyAdditionalInformationPage() {
|
|||||||
)}
|
)}
|
||||||
{success && (
|
{success && (
|
||||||
<div className="mt-6 rounded-md border border-green-300 bg-green-50 px-4 py-3 text-xs text-green-700">
|
<div className="mt-6 rounded-md border border-green-300 bg-green-50 px-4 py-3 text-xs text-green-700">
|
||||||
Daten gespeichert.
|
Data saved. Redirecting shortly…
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|||||||
@ -397,14 +397,14 @@ export default function EmailVerifyPage() {
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* NEW: Back to dashboard button */}
|
{/* NEW: Go to Dashboard button */}
|
||||||
<div className="mt-1 text-center">
|
<div className="mt-1 text-center">
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => router.push('/quickaction-dashboard')}
|
onClick={() => router.push('/quickaction-dashboard')}
|
||||||
className="text-sm font-medium text-gray-700 dark:text-gray-300 hover:underline"
|
className="text-sm font-medium text-gray-700 dark:text-gray-300 hover:underline"
|
||||||
>
|
>
|
||||||
Back to dashboard
|
Go to Dashboard
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
|||||||
@ -10,9 +10,9 @@ export function useCompanyUploadId() {
|
|||||||
const { refreshStatus } = useUserStatus()
|
const { refreshStatus } = useUserStatus()
|
||||||
|
|
||||||
// Form state
|
// Form state
|
||||||
const [docNumber, setDocNumber] = useState('')
|
const [idNumber, setIdNumber] = useState('')
|
||||||
const [docType, setDocType] = useState('')
|
const [idType, setIdType] = useState('')
|
||||||
const [issueDate, setIssueDate] = useState('')
|
const [expiryDate, setExpiryDate] = useState('')
|
||||||
const [hasBack, setHasBack] = useState(true)
|
const [hasBack, setHasBack] = useState(true)
|
||||||
|
|
||||||
// Files + previews
|
// Files + previews
|
||||||
@ -80,7 +80,7 @@ export function useCompanyUploadId() {
|
|||||||
|
|
||||||
// Validation
|
// Validation
|
||||||
const validate = () => {
|
const validate = () => {
|
||||||
if (!docNumber.trim() || !docType || !issueDate || !frontFile) {
|
if (!idNumber.trim() || !idType || !expiryDate || !frontFile) {
|
||||||
setError('Please complete all required fields (marked with *).')
|
setError('Please complete all required fields (marked with *).')
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
@ -102,11 +102,11 @@ export function useCompanyUploadId() {
|
|||||||
|
|
||||||
try {
|
try {
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
if (frontFile) formData.append('frontFile', frontFile)
|
if (frontFile) formData.append('front', frontFile)
|
||||||
if (hasBack && extraFile) formData.append('backFile', extraFile)
|
if (hasBack && extraFile) formData.append('back', extraFile)
|
||||||
formData.append('docType', docType)
|
formData.append('idType', idType)
|
||||||
formData.append('docNumber', docNumber.trim())
|
formData.append('idNumber', idNumber.trim())
|
||||||
formData.append('issueDate', issueDate)
|
formData.append('expiryDate', expiryDate)
|
||||||
|
|
||||||
const response = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/upload/company-id`, {
|
const response = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/upload/company-id`, {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
@ -144,14 +144,14 @@ export function useCompanyUploadId() {
|
|||||||
|
|
||||||
return {
|
return {
|
||||||
// values
|
// values
|
||||||
docNumber, docType, issueDate, hasBack,
|
idNumber, idType, expiryDate, hasBack,
|
||||||
frontFile, extraFile,
|
frontFile, extraFile,
|
||||||
frontPreview, extraPreview,
|
frontPreview, extraPreview,
|
||||||
submitting, error, success,
|
submitting, error, success,
|
||||||
frontRef, extraRef,
|
frontRef, extraRef,
|
||||||
inputBase,
|
inputBase,
|
||||||
// setters
|
// setters
|
||||||
setDocNumber, setDocType, setIssueDate, setHasBack, setExtraFile,
|
setIdNumber, setIdType, setExpiryDate, setHasBack, setExtraFile,
|
||||||
// handlers
|
// handlers
|
||||||
handleFile, onDrop, clearFile, dropHandlers, openPicker, submit,
|
handleFile, onDrop, clearFile, dropHandlers, openPicker, submit,
|
||||||
}
|
}
|
||||||
|
|||||||
@ -12,9 +12,9 @@ const DOC_TYPES = ['Personalausweis', 'Reisepass', 'Führerschein', 'Aufenthalts
|
|||||||
export default function CompanyIdUploadPage() {
|
export default function CompanyIdUploadPage() {
|
||||||
const {
|
const {
|
||||||
// values
|
// values
|
||||||
docNumber, setDocNumber,
|
idNumber, setIdNumber,
|
||||||
docType, setDocType,
|
idType, setIdType,
|
||||||
issueDate, setIssueDate,
|
expiryDate, setExpiryDate,
|
||||||
hasBack, setHasBack, setExtraFile,
|
hasBack, setHasBack, setExtraFile,
|
||||||
frontFile, extraFile,
|
frontFile, extraFile,
|
||||||
frontPreview, extraPreview,
|
frontPreview, extraPreview,
|
||||||
@ -92,9 +92,9 @@ export default function CompanyIdUploadPage() {
|
|||||||
Contact Person ID Number *
|
Contact Person ID Number *
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
value={docNumber}
|
value={idNumber}
|
||||||
onChange={e => setDocNumber(e.target.value)}
|
onChange={e => setIdNumber(e.target.value)}
|
||||||
className={`${inputBase} ${docNumber ? 'text-gray-900' : 'text-gray-700'}`}
|
className={`${inputBase} ${idNumber ? 'text-gray-900' : 'text-gray-700'}`}
|
||||||
placeholder="Enter contact person's ID number"
|
placeholder="Enter contact person's ID number"
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
@ -108,9 +108,9 @@ export default function CompanyIdUploadPage() {
|
|||||||
Document Type *
|
Document Type *
|
||||||
</label>
|
</label>
|
||||||
<select
|
<select
|
||||||
value={docType}
|
value={idType}
|
||||||
onChange={e => setDocType(e.target.value)}
|
onChange={e => setIdType(e.target.value)}
|
||||||
className={`${inputBase} ${docType ? 'text-gray-900' : 'text-gray-700'}`}
|
className={`${inputBase} ${idType ? 'text-gray-900' : 'text-gray-700'}`}
|
||||||
required
|
required
|
||||||
>
|
>
|
||||||
<option value="">Select document type</option>
|
<option value="">Select document type</option>
|
||||||
@ -124,10 +124,10 @@ export default function CompanyIdUploadPage() {
|
|||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
type="date"
|
type="date"
|
||||||
value={issueDate}
|
value={expiryDate}
|
||||||
onChange={e => setIssueDate(e.target.value)}
|
onChange={e => setExpiryDate(e.target.value)}
|
||||||
placeholder="tt.mm.jjjj"
|
placeholder="tt.mm.jjjj"
|
||||||
className={`${inputBase} ${issueDate ? 'text-gray-900' : 'text-gray-700'} appearance-none [&::-webkit-calendar-picker-indicator]:opacity-80`}
|
className={`${inputBase} ${expiryDate ? 'text-gray-900' : 'text-gray-700'} appearance-none [&::-webkit-calendar-picker-indicator]:opacity-80`}
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
<p className="mt-1 text-xs text-gray-600">
|
<p className="mt-1 text-xs text-gray-600">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user