-
Notifications
You must be signed in to change notification settings - Fork 0
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
feat: profile component #282
base: main
Are you sure you want to change the base?
Conversation
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.
some changes are needed! would be nice to see a screenshot or video of how this looks also :)
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.
again, would love to see a preview of what this looks like and especially how it behaves responsively
@@ -0,0 +1,54 @@ | |||
@props([ | |||
'user', | |||
'buttons', |
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.
i don't think you can pass html as a prop? and that this rather should be a named slot. but correct me if i'm wrong!
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.
absolut inte säker?
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.
om du har testat och det funkar så är det lugnt men vill veta att det funkar innan vi mergar detta
<div class="flex size-30 flex-none items-center justify-center"> | ||
@isset($user) | ||
<x-avatar :image="$user->image" size="lg" /> | ||
@else | ||
<x-avatar size="lg" /> | ||
@endisset | ||
</div> |
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.
i don't think there needs to be a wrapping div for the avatar. there's also no need to check if there is a $user
because this will never be used where there potentially isn't a user. x-avatar
handles if the user doesn't have a profile picture
<div class="flex size-30 flex-none items-center justify-center"> | |
@isset($user) | |
<x-avatar :image="$user->image" size="lg" /> | |
@else | |
<x-avatar size="lg" /> | |
@endisset | |
</div> | |
<x-avatar :image="$user->image" size="lg" /> |
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.
Är wrapper onödig tar vi bort den. Check finns för att inte krasha i test
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.
vilka test? denna komponent används bara på profilsidan och man kan inte gå in på en profil som inte existerar. då kommer man komma till 404 innan denna sida renderar
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.
fixad
@endisset | ||
</div> | ||
|
||
<div class="flex grow flex-col gap-3 pr-10 text-slate-50"> |
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.
why is pr-10
needed?
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.
följer figmas design, kan tas bort
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.
finns ingen padding på denna div i figma?
@isset($user) | ||
{{ $user->username }} | ||
@else | ||
@username | ||
@endisset |
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.
@isset($user) | |
{{ $user->username }} | |
@else | |
@username | |
@endisset | |
{{ $user->username }} |
same reason as above
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.
samma som ovan, kan tas bort
<p class="text-sm font-bold"> | ||
{{ $sum }} | ||
</p> | ||
<span class="text-sm font-normal"> |
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.
<span class="text-sm font-normal"> | |
<span class="text-sm font-normal text-slate-200"> |
resources/views/profile.blade.php
Outdated
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.
again, please don't remove the layout
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.
?
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.
du har raderat allt innehåll i denna fil. det ska vara där
borde vara Co-authored-by: Ella <[email protected]>
Co-authored-by: Ella <[email protected]>
@dcbwe hur går det med denna? Något som är oklart? |
profile.blade.php skapad i resources/views/components/