diff --git a/daily-thought-frontend/src/components/profile/Avatar.tsx b/daily-thought-frontend/src/components/profile/Avatar.tsx index a085e1e8f2a40d739a3f4a51dc0c29b82c39570f..8de677135bebc4df6dfa47195bc64d3521c6c023 100644 --- a/daily-thought-frontend/src/components/profile/Avatar.tsx +++ b/daily-thought-frontend/src/components/profile/Avatar.tsx @@ -5,10 +5,12 @@ import { generateRandomLinearGradient } from '../post/Utils'; type AvatarProps ={ User: User + ShowInitial?: boolean } const Avatar:FC<PropsWithChildren<AvatarProps>> = ({ - User + User, + ShowInitial = false }) => { return ( @@ -18,7 +20,7 @@ const Avatar:FC<PropsWithChildren<AvatarProps>> = ({ </div> } - {!User.Avatar && + {!User.Avatar && ShowInitial && <div> <p>{User.Username[0]}</p> </div> diff --git a/daily-thought-frontend/src/styles/Avatar.module.css b/daily-thought-frontend/src/styles/Avatar.module.css index 0b1fb2352956c39818a5c337b70bd335ba7f9764..ca21240a3b903b98e9d17ff583e43a55a8789cd9 100644 --- a/daily-thought-frontend/src/styles/Avatar.module.css +++ b/daily-thought-frontend/src/styles/Avatar.module.css @@ -1,11 +1,11 @@ .avatar { color: white; border-radius: 50%; - width: 48px; - height: 48px; + width: 56px; + height: 56px; background-color: 'red'; display: flex; justify-content: center; align-items: center; - margin-right: 8px; + } \ No newline at end of file