fix: avatar group overflow

nodejs · Nov 23, 2023 · 0e1ba61 · 0e1ba61
1 parent 4015029
commit 0e1ba61
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/components/Common/AvatarGroup/index.tsx b/components/Common/AvatarGroup/index.tsx
@@ -11,9 +11,14 @@ import styles from './index.module.css';
 type AvatarGroupProps = {
   avatars: ComponentProps<typeof Avatar>[];
   limit?: number;
+  isExpandable?: boolean;
 };
 
-const AvatarGroup: FC<AvatarGroupProps> = ({ avatars, limit = 10 }) => {
+const AvatarGroup: FC<AvatarGroupProps> = ({
+  avatars,
+  limit = 10,
+  isExpandable = true,
+}) => {
   const [showMore, setShowMore] = useState(false);
 
   const renderAvatars = useMemo(
@@ -33,7 +38,7 @@ const AvatarGroup: FC<AvatarGroupProps> = ({ avatars, limit = 10 }) => {
 
       {avatars.length > limit && (
         <span
-          onClick={() => setShowMore(!showMore)}
+          onClick={() => isExpandable && setShowMore(!showMore)}
           className={classNames(avatarstyles.avatarRoot, 'cursor-pointer')}
         >
           <span className={avatarstyles.avatar}>

diff --git a/components/Downloads/ChangelogModal/index.tsx b/components/Downloads/ChangelogModal/index.tsx
@@ -39,7 +39,7 @@ const ChangelogModal: FC<PropsWithChildren<ChangelogModalProps>> = ({
               {subheading}
             </Dialog.Description>
             <div className={styles.authors}>
-              <AvatarGroup avatars={avatars} />
+              <AvatarGroup avatars={avatars} isExpandable={false} />
               <Link href="/get-involved">
                 {t('components.downloads.changelogModal.startContributing')}
                 <ArrowUpRightIcon />