Merge pull request #49 from StevanFreeborn/stevanfreeborn/fix/48-prof…

…ile-images-on-posts-not-same-size fix: #48 profile images maintain height
StevanFreeborn · Sep 17, 2023 · 3305b02 · 3305b02
2 parents 9ed896b + 6b7af33
commit 3305b02
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 0 deletions.
diff --git a/src/components/DisplayPost.tsx b/src/components/DisplayPost.tsx
@@ -78,6 +78,7 @@ export default function DisplayPost({
         <div className="flex w-full h-80 gap-4">
           <div>
             <Image
+              style={{ height: '40px', width: '40px' }}
               alt="user profile image"
               src={user.user.imageUrl}
               width={40}

diff --git a/src/components/Post.tsx b/src/components/Post.tsx
@@ -48,6 +48,7 @@ export default function Post({
       <div className="flex-shrink-0">
         <Link href={`/profile/${post.user.clerkUserId}`}>
           <Image
+            style={{ height: '40px', width: '40px' }}
             alt="user profile image"
             src={post.user.clerkImageUrl}
             width={40}

diff --git a/src/components/Reply.tsx b/src/components/Reply.tsx
@@ -20,6 +20,7 @@ export default function Reply({ post }: { post: PostWithUserDto }) {
       <div>
         <Link href={`/profile/${post.user.clerkUserId}`}>
           <Image
+            style={{ height: '40px', width: '40px' }}
             alt="user profile image"
             src={post.user.clerkImageUrl}
             width={40}

diff --git a/src/components/UserProfile.tsx b/src/components/UserProfile.tsx
@@ -54,6 +54,7 @@ export default function UserProfile({ user }: { user: UserDto }) {
         <div className="flex items-center gap-4 -mb-[25px]">
           <div className="flex-shrink-0">
             <Image
+              style={{ height: '100px', width: '100px' }}
               alt="user profile image"
               src={user.clerkImageUrl}
               width={100}