refactor: update ID input fields and button text for consistency in Company ID upload flow

This commit is contained in:
seaznCode 2025-11-30 13:31:34 +01:00
parent da7047566e
commit fa1058381f
4 changed files with 26 additions and 26 deletions

View File

@ -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>
)} )}

View File

@ -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>

View File

@ -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,
} }

View File

@ -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">