ngx-auth-firebaseui Receiving console error when using ngx-auth-firebaseui-avatar if user has no photoURL

Receiving console error when using ngx-auth-firebaseui-avatar if user has no photoURL

Open Elcaten opened this issue 5 years ago • 6 comments

Bug Report or Feature Request (mark with an `x`)

- [x] bug report -> please search issues before submitting
- [ ] feature request

OS and Version?

Windows 10

Versions

Package Version

@angular-devkit/architect 0.802.1 @angular-devkit/build-angular 0.802.1 @angular-devkit/build-optimizer 0.802.1 @angular-devkit/build-webpack 0.802.1 @angular-devkit/core 8.2.1 @angular-devkit/schematics 8.2.1 @angular/cdk 8.1.2 @angular/cli 8.2.1 @angular/fire 5.2.1 @angular/flex-layout 8.0.0-beta.26 @angular/material 8.1.2 @ngtools/webpack 8.2.1 @schematics/angular 8.2.1 @schematics/update 0.802.1 rxjs 6.4.0 typescript 3.5.3 webpack 4.38.0

Repro steps

start a new cli project
follow the instructions
add <ngx-auth-firebaseui-avatar></ngx-auth-firebaseui-avatar> component
Log in as user with no photoURL

The log given by the failure

GET http://localhost:4200/null 404 (Not Found) error in dev tools console

Desired functionality

No error message

Mention any other details that might be useful

style.background-image should not be set at all if photoURL is null. Otherwise requesting image with url(null) will cause error message

Aug 15 '19 14:08 Elcaten

same here, any solutions? a default image input() would be great...

one solution will be [style.background-image]="'url(' + user?.photoURL + ')' === 'url(null)'? '' : 'url(' + user?.photoURL + ')'" with the default image instead of the empty string...