seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

refactor: temporarily remove withI18n from GoogleLoginButton for debugging and enhance error handling in LoginComponent

Browse Source
This commit is contained in:
sebseb7
2025-07-30 15:34:23 +02:00
parent 4584da1199
commit afcdbb29c9
2 changed files with 36 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/LoginComponent.js
View File

@@ -277,9 +277,17 @@ export class LoginComponent extends Component {
tabValue: 0 // Switch to login tab
});
} else {
let errorMessage = 'Registrierung fehlgeschlagen';
if (response.cause === 'emailExists') {
errorMessage = 'Ein Benutzer mit dieser E-Mail-Adresse existiert bereits. Bitte verwenden Sie eine andere E-Mail-Adresse oder melden Sie sich an.';
} else if (response.message) {
errorMessage = response.message;
}
this.setState({
loading: false,
error: response.message || 'Registrierung fehlgeschlagen'
error: errorMessage
});
}
});
@@ -606,25 +614,27 @@ export class LoginComponent extends Component {
)}
{showGoogleAuth && (
<Suspense fallback={
<Button
variant="contained"
startIcon={<PersonIcon />}
sx={{ width: '100%', backgroundColor: '#4285F4', color: 'white' }}
>
Mit Google anmelden
</Button>
}>
<GoogleAuthProvider clientId={config.googleClientId}>
<GoogleLoginButton
onSuccess={this.handleGoogleLoginSuccess}
onError={this.handleGoogleLoginError}
text="Mit Google anmelden"
style={{ width: '100%', backgroundColor: '#4285F4' }}
autoInitiate={true}
/>
</GoogleAuthProvider>
</Suspense>
<div>
<Suspense fallback={
<Button
variant="contained"
startIcon={<PersonIcon />}
sx={{ width: '100%', backgroundColor: '#4285F4', color: 'white' }}
>
Mit Google anmelden
</Button>
}>
<GoogleAuthProvider clientId={config.googleClientId}>
<GoogleLoginButton
onSuccess={this.handleGoogleLoginSuccess}
onError={this.handleGoogleLoginError}
text="Mit Google anmelden"
style={{ width: '100%', backgroundColor: '#4285F4' }}
autoInitiate={true}
/>
</GoogleAuthProvider>
</Suspense>
</div>
)}
</Box>