cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests Activity

project avatar (#4)

Browse Source 
### 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
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/frontend/src/layouts/ProjectSearch.tsx
View File

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