update imports to use ZUIPersonAvatar instead of old ZUIAvatar

zetkin · Sep 7, 2023 · fe8cf86 · fe8cf86
1 parent 68f9db2
commit fe8cf86
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/src/features/events/components/EventContactCard.tsx b/src/features/events/components/EventContactCard.tsx
@@ -10,7 +10,7 @@ import EventDataModel from 'features/events/models/EventDataModel';
 import messageIds from 'features/events/l10n/messageIds';
 import { useMessages } from 'core/i18n';
 import { ZetkinEvent } from 'utils/types/zetkin';
-import ZUIAvatar from 'zui/ZUIAvatar';
+import ZUIPersonAvatar from 'zui/ZUIPersonAvatar';
 import ZUICard from 'zui/ZUICard';
 import { ZUIConfirmDialogContext } from 'zui/ZUIConfirmDialogProvider';
 import ZUIPersonHoverCard from 'zui/ZUIPersonHoverCard';
@@ -40,7 +40,7 @@ const ContactDetails: FC<ContactDetailsProps> = ({ contact, model, orgId }) => {
     <>
       <Box m={1} sx={{ display: 'inline-block', verticalAlign: 'middle' }}>
         <ZUIPersonHoverCard personId={contact.id}>
-          <ZUIAvatar orgId={orgId} personId={contact.id} />
+          <ZUIPersonAvatar orgId={orgId} personId={contact.id} />
         </ZUIPersonHoverCard>
       </Box>
       <Typography sx={{ display: 'inline-block', verticalAlign: 'middle' }}>

diff --git a/src/features/events/components/ParticipantListSection.tsx b/src/features/events/components/ParticipantListSection.tsx
@@ -17,7 +17,7 @@ import filterParticipants from '../utils/filterParticipants';
 import noPropagate from 'utils/noPropagate';
 import { removeOffset } from 'utils/dateUtils';
 import { useMessages } from 'core/i18n';
-import ZUIAvatar from 'zui/ZUIAvatar';
+import ZUIPersonAvatar from 'zui/ZUIPersonAvatar';
 import ZUINumberChip from '../../../zui/ZUINumberChip';
 import ZUIPersonHoverCard from 'zui/ZUIPersonHoverCard';
 import ZUIRelativeTime from 'zui/ZUIRelativeTime';
@@ -124,7 +124,7 @@ const ParticipantListSection: FC<ParticipantListSectionListProps> = ({
       hideSortIcons: true,
       renderCell: (params) => (
         <ZUIPersonHoverCard personId={params.row.id}>
-          <ZUIAvatar orgId={orgId} personId={params.row.id} />
+          <ZUIPersonAvatar orgId={orgId} personId={params.row.id} />
         </ZUIPersonHoverCard>
       ),
       resizable: false,

diff --git a/src/zui/ZUIAccessList/AccessListItem.tsx b/src/zui/ZUIAccessList/AccessListItem.tsx
@@ -1,7 +1,7 @@
 import { Box, ListItem, Typography } from '@mui/material';
 import { FC, ReactNode } from 'react';
 
-import ZUIAvatar from 'zui/ZUIAvatar';
+import ZUIPersonAvatar from 'zui/ZUIPersonAvatar';
 
 interface AccessListItemProps {
   action?: ReactNode;
@@ -21,7 +21,7 @@ const AccessListItem: FC<AccessListItemProps> = ({
     <ListItem>
       <Box alignItems="center" display="flex" gap={2} width="100%">
         <Box>
-          <ZUIAvatar orgId={orgId} personId={personId} size="sm" />
+          <ZUIPersonAvatar orgId={orgId} personId={personId} size="sm" />
         </Box>
         <Box flexGrow={1}>
           <Typography component="div">{title}</Typography>

diff --git a/src/zui/ZUIPersonAvatar/index.stories.tsx b/src/zui/ZUIPersonAvatar/index.stories.tsx
@@ -4,7 +4,7 @@ import ZUIPersonAvatar from '.';
 
 export default {
   component: ZUIPersonAvatar,
-  title: 'Atoms/ZUIAvatar',
+  title: 'Atoms/ZUIPersonAvatar',
 } as ComponentMeta<typeof ZUIPersonAvatar>;
 
 const Template: ComponentStory<typeof ZUIPersonAvatar> = (args) => {

diff --git a/src/zui/ZUIPersonGridCell.tsx b/src/zui/ZUIPersonGridCell.tsx
@@ -4,7 +4,7 @@ import { useRouter } from 'next/router';
 import { Avatar, Box, SxProps, Tooltip } from '@mui/material';
 
 import { ZetkinPerson } from 'utils/types/zetkin';
-import ZUIAvatar from 'zui/ZUIAvatar';
+import ZUIPersonAvatar from 'zui/ZUIPersonAvatar';
 
 const ZUIPersonGridCell: FC<{
   onClick?: () => void;
@@ -31,11 +31,11 @@ const ZUIPersonGridCell: FC<{
       {tooltip ? (
         // Person with tooltip
         <Tooltip title={`${person.first_name} ${person.last_name}`}>
-          <ZUIAvatar orgId={orgId} personId={person.id} />
+          <ZUIPersonAvatar orgId={orgId} personId={person.id} />
         </Tooltip>
       ) : (
         // Person without tooltip
-        <ZUIAvatar orgId={orgId} personId={person.id} />
+        <ZUIPersonAvatar orgId={orgId} personId={person.id} />
       )}
     </Box>
   );

diff --git a/src/zui/ZUIPersonGridEditCell.tsx b/src/zui/ZUIPersonGridEditCell.tsx
@@ -20,7 +20,7 @@ import { FC, HTMLAttributes, useState } from 'react';
 import { useMessages } from 'core/i18n';
 import { usePersonSelect } from './ZUIPersonSelect';
 import { ZetkinPerson } from 'utils/types/zetkin';
-import ZUIAvatar from 'zui/ZUIAvatar';
+import ZUIPersonAvatar from 'zui/ZUIPersonAvatar';
 
 import messageIds from './l10n/messageIds';
 
@@ -292,7 +292,7 @@ const PersonListItem: FC<{
           justifyContent: 'center',
         }}
       >
-        <ZUIAvatar orgId={orgId} personId={person.id} size="sm" />
+        <ZUIPersonAvatar orgId={orgId} personId={person.id} size="sm" />
         <Typography component="span">
           {`${person.first_name} ${person.last_name}`}
         </Typography>
@@ -307,7 +307,7 @@ const SelectedPerson: FC<{ orgId: number; person: ZetkinPerson }> = ({
 }) => {
   return (
     <>
-      <ZUIAvatar orgId={orgId} personId={person.id} size="lg" />
+      <ZUIPersonAvatar orgId={orgId} personId={person.id} size="lg" />
       <Typography>{`${person.first_name} ${person.last_name}`}</Typography>
     </>
   );