-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Implementar página de perfil de cada participante #11
Conversation
Visit the preview URL for this PR (updated for commit 0a95adc): https://io-extended-cocha--pr11-feature-user-profile-i46kofg7.web.app (expires Sat, 02 Sep 2023 02:31:26 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: 51ece1238da40d06ce05072f712682fc540bb60b |
@@ -41,10 +66,86 @@ import { ProfileFriendsComponent } from '../profile-friends/profile-friends.comp | |||
[width]="256" | |||
></qrcode> | |||
</div> | |||
<div | |||
class="profile-details__social-medial-container" | |||
*ngIf="hasSocialMedia == true" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
===
<h3 class="profile-details__social-medial-title">Redes Sociales</h3> | ||
<ul class="profile-details__social-media-list"> | ||
<li | ||
*ngIf="user()?.facebookUsername !== ''" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
user()?.facebookUsername
@@ -66,25 +196,67 @@ import { ProfileFriendsComponent } from '../profile-friends/profile-friends.comp | |||
justify-content: center; | |||
margin-bottom: 0.5rem; | |||
} | |||
|
|||
.profile-details__social-medial-title { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
media
this.user()?.twitterUsername !== '' || | ||
this.user()?.instagramUsername !== '' || | ||
this.user()?.githubUsername !== '' || | ||
this.user()?.linkedinUsername !== ''; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
hasSocialMedia =
this.user()?.facebookUsername ||
this.user()?.twitterUsername ||
this.user()?.instagramUsername ||
this.user()?.githubUsername ||
this.user()?.linkedinUsername;
|
||
private auth = inject(AuthService); | ||
|
||
private router = inject(Router); | ||
constructor(private matIconRegistry: MatIconRegistry) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No estamos manejando inyección de dependencias a través del constructor
|
||
private auth = inject(AuthService); | ||
|
||
private router = inject(Router); | ||
constructor(private matIconRegistry: MatIconRegistry) { | ||
// Add social media svg icons | ||
this.matIconRegistry.addSvgIcon( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ya que esto se usa solo dentro el constructor, realmente al inyectarlo no hay necesidad de darle un keyword de acceso, esto debería funcionar:
constructor(matIconRegistry: MatIconRegistry) {
matIconRegistry.addSvgIcon(...);
}
import { MatFormFieldModule } from '@angular/material/form-field'; | ||
import { MatInputModule } from '@angular/material/input'; | ||
import { Router, RouterLink } from '@angular/router'; | ||
import { CurrentUserState } from '../../core/states/current-user.state'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Coloca este con los imports locales
this.user()?.displayName || this.user()?.email, | ||
[Validators.required], | ||
], | ||
email: [this.user()?.email, [Validators.required, Validators.email]], |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No deberían poder modificar su correo
linkedinUsername: [this.user()?.linkedinUsername], | ||
}); | ||
|
||
editProfileSubject$ = new Subject<void>(); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
esto debería ser privado
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Voy a mergear, las observaciones son menores. Las tomas en cuenta para la próxima
No description provided.