Merge branch 'main' into manalink

This commit is contained in:
Austin Chen 2022-05-09 12:06:51 -04:00
commit ffd723a406
2 changed files with 28 additions and 22 deletions

View File

@ -8,8 +8,10 @@ export function Avatar(props: {
noLink?: boolean noLink?: boolean
size?: number | 'xs' | 'sm' size?: number | 'xs' | 'sm'
className?: string className?: string
containerClassName?: string
}) { }) {
const { username, avatarUrl, noLink, size, className } = props const { username, avatarUrl, noLink, size, className, containerClassName } =
props
const s = size == 'xs' ? 6 : size === 'sm' ? 8 : size || 10 const s = size == 'xs' ? 6 : size === 'sm' ? 8 : size || 10
const onClick = const onClick =
@ -19,28 +21,32 @@ export function Avatar(props: {
e.stopPropagation() e.stopPropagation()
Router.push(`/${username}`) Router.push(`/${username}`)
} }
return (
// there can be no avatar URL or username in the feed, we show a "submit comment" <div
// item with a fake grey user circle guy even if you aren't signed in
return avatarUrl ? (
<img
className={clsx( className={clsx(
'flex-shrink-0 rounded-full rounded-full bg-white object-cover', `flex-shrink-0 rounded-full bg-white w-${s} h-${s}`,
`w-${s} h-${s}`, containerClassName
!noLink && 'cursor-pointer',
className
)} )}
src={avatarUrl} >
onClick={onClick} {avatarUrl ? (
alt={username} <img
/> className={clsx(
) : ( 'flex items-center justify-center rounded-full object-cover',
<UserCircleIcon `w-${s} h-${s}`,
className={clsx( !noLink && 'cursor-pointer',
`flex-shrink-0 rounded-full bg-white w-${s} h-${s} text-gray-500`, className
className )}
src={avatarUrl}
onClick={onClick}
alt={username}
/>
) : (
// TODO: After 2022-03-01, can just assume that all contracts have an avatarUrl
<UserCircleIcon
className={`w-${s} h-${s} text-gray-500`}
aria-hidden="true"
/>
)} )}
aria-hidden="true" </div>
/>
) )
} }

View File

@ -60,7 +60,7 @@ export function BottomNavBar() {
) : user ? ( ) : user ? (
<> <>
<Avatar <Avatar
className="mx-auto my-1" containerClassName={'mx-auto my-1'}
size="xs" size="xs"
username={user.username} username={user.username}
avatarUrl={user.avatarUrl} avatarUrl={user.avatarUrl}