updated public profile view
This commit is contained in:
@@ -203,6 +203,7 @@ type PublicBirdProfile = {
|
||||
id: string;
|
||||
workspaceId: number;
|
||||
name: string;
|
||||
favoriteSnack: string | null;
|
||||
gender: BirdGender;
|
||||
dateOfBirth: string | null;
|
||||
photoDataUrl: string | null;
|
||||
@@ -3587,6 +3588,7 @@ function App() {
|
||||
return (
|
||||
<main className="auth-shell public-profile-shell">
|
||||
<section className="panel public-profile-card">
|
||||
<img className="public-profile-logo" src={flockPalLandingArt} alt="FlockPal" />
|
||||
{publicProfileLoading || authLoading ? (
|
||||
<p>Loading bird profile...</p>
|
||||
) : publicProfileError || !publicProfile ? (
|
||||
@@ -3609,6 +3611,10 @@ function App() {
|
||||
<span>Hatch Day</span>
|
||||
<strong>{formatDate(publicProfile.dateOfBirth)}</strong>
|
||||
</article>
|
||||
<article className="summary-card">
|
||||
<span>Favorite treat</span>
|
||||
<strong>{publicProfile.favoriteSnack || 'Not recorded'}</strong>
|
||||
</article>
|
||||
{publicProfileWorkspaceMembership ? (
|
||||
<button className="primary-button" onClick={handleOpenPublicProfileBird} type="button">
|
||||
Open full profile
|
||||
|
||||
@@ -230,6 +230,12 @@ textarea {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.public-profile-logo {
|
||||
width: min(220px, 70%);
|
||||
height: auto;
|
||||
filter: drop-shadow(0 10px 18px rgba(86, 63, 34, 0.12));
|
||||
}
|
||||
|
||||
.public-profile-photo {
|
||||
width: min(260px, 100%);
|
||||
aspect-ratio: 1;
|
||||
|
||||
Reference in New Issue
Block a user