{isSelected && (
-
+
)}
@@ -45,10 +55,12 @@ const CarouselItem = ({ avatar }: { avatar: any }) => {
src={avatar.account_avatar}
className={classNames({
'w-14 h-14 min-w-[56px] rounded-full ring-2 ring-offset-4 dark:ring-offset-primary-900': true,
- 'ring-transparent': !isSelected,
+ 'ring-transparent': !isSelected && seen,
'ring-primary-600': isSelected,
+ 'ring-accent-500': !seen && !isSelected,
})}
alt={avatar.acct}
+ data-testid='carousel-item-avatar'
/>
@@ -63,6 +75,7 @@ const FeedCarousel = () => {
const [cardRef, setCardRef, { width }] = useDimensions();
+ const [seenAccountIds, setSeenAccountIds] = useState