naman_panwar_gnpl/Pennyzo-Frontend-corrected
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Connect WaitlistForm to PennyzoApiService for registration

Browse Source 
- Replace registrationApi with PennyzoApiService.registerUser()
- Add proper TypeScript typing with RegisterRequest interface
- Maintain existing form validation and error handling
- Keep waitlist refresh functionality after successful registration
- Ensure consistent API service usage across the application
This commit is contained in:
Hardik Sankhla
2025-09-26 04:52:28 +05:30
parent 7773677834
commit c2fc570d36
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/WaitlistForm.tsx
View File

@@ -1,7 +1,8 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { registrationApi } from '../lib/api/registration'; import { PennyzoApiService } from '../services/PennyzoApiService';
import { useWaitlist } from '../context/WaitlistContext'; import { useWaitlist } from '../context/WaitlistContext';
import { logger } from '../lib/logger'; import { logger } from '../lib/logger';
import type { RegisterRequest } from '../types/api';
interface WaitlistFormProps { interface WaitlistFormProps {
isVisible: boolean; isVisible: boolean;
@@ -42,6 +43,8 @@ const WaitlistForm: React.FC<WaitlistFormProps> = ({ isVisible, onClose }) => {
const [serverError, setServerError] = useState<string | null>(null); const [serverError, setServerError] = useState<string | null>(null);
const [serverInfo, setServerInfo] = useState<string | null>(null); const [serverInfo, setServerInfo] = useState<string | null>(null);
const apiService = new PennyzoApiService();
const companyTypes = [ const companyTypes = [
'Pvt Ltd', 'Pvt Ltd',
'LLP', 'LLP',
@@ -194,13 +197,13 @@ const WaitlistForm: React.FC<WaitlistFormProps> = ({ isVisible, onClose }) => {
'Other': 'OTHERS', 'Other': 'OTHERS',
}; };
const payload = { const payload: RegisterRequest = {
first_name: formData.firstName.trim(), first_name: formData.firstName.trim(),
last_name: formData.lastName.trim(), last_name: formData.lastName.trim(),
email: formData.email.trim(), email: formData.email.trim(),
mobile: formData.phoneNumber.trim() || undefined, mobile: formData.phoneNumber.trim() || undefined,
company_name: formData.companyName.trim(), company_name: formData.companyName.trim(),
company_type: companyTypeMap[formData.companyType] as any, company_type: companyTypeMap[formData.companyType] as RegisterRequest['company_type'],
gst_registered: formData.gstRegistered === 'yes', gst_registered: formData.gstRegistered === 'yes',
gst_number: formData.gstRegistered === 'yes' ? formData.gstNumber.trim() : null, gst_number: formData.gstRegistered === 'yes' ? formData.gstNumber.trim() : null,
industry: formData.industry || undefined, industry: formData.industry || undefined,
@@ -215,7 +218,7 @@ const WaitlistForm: React.FC<WaitlistFormProps> = ({ isVisible, onClose }) => {
}; };
try { try {
const res = await registrationApi.register(payload as any); const res = await apiService.registerUser(payload);
setServerInfo(res.message || 'Registration successful. Check your email for OTP.'); setServerInfo(res.message || 'Registration successful. Check your email for OTP.');
// Refresh waitlist data after successful registration // Refresh waitlist data after successful registration
logger.component('WaitlistForm', 'Refreshing waitlist after successful registration...'); logger.component('WaitlistForm', 'Refreshing waitlist after successful registration...');