project avatar (#4)

### TL;DR

This pull request replaces the Avatar showing user's initial with a formatted text of user's name in Project Search layout.

### What changed?

In the `ProjectSearch` file, the `Avatar` component that displayed the user's initial is replaced with a paragraph tag that now shows the user's formatted name.

### How to test?

To test the change, navigate to the Project Search page to verify that the user's formatted name is displayed instead of an `Avatar`.
This commit is contained in:
Vivian Phung 2024-05-01 20:35:57 -04:00 committed by GitHub
commit 775e731f4d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -6,7 +6,6 @@ import HorizontalLine from 'components/HorizontalLine';
import { useGQLClient } from 'context/GQLClientContext';
import { NotificationBellIcon, PlusIcon } from 'components/shared/CustomIcon';
import { Button } from 'components/shared/Button';
import { Avatar } from 'components/shared/Avatar';
import { formatAddress } from 'utils/format';
import { ProjectSearchBar } from 'components/projects/ProjectSearchBar';
@ -60,10 +59,9 @@ const ProjectSearch = () => {
<NotificationBellIcon />
</Button>
{user?.name && (
<Avatar
size={44}
initials={formatAddress(user.name)}
/>
<p className="text-sm tracking-[-0.006em] text-elements-high-em">
{formatAddress(user.name)}
</p>
)}
</div>
</div>