Rubicon/tutu
1
0
Fork 0
Code Issues 19 Pull requests Projects Activity Actions

ProfileMenuButton: fix the lost profile info
All checks were successful
/ depoly (push) Successful in 1m19s
Details

Browse source
This commit is contained in:
thislight 2024-11-04 18:21:22 +08:00
parent 6705b754d1
commit 9d720d31b4
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
1 changed files with 20 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/timelines/ProfileMenuButton.tsx
View file

@ -25,8 +25,15 @@ import { A } from "@solidjs/router";
const ProfileMenuButton: ParentComponent<{
profile?: {
account: { site: string };
inf?: { displayName: string; avatar: string; username: string; id: string };
account: {
site: string;
inf?: {
displayName: string;
avatar: string;
username: string;
id: string;
};
};
};
onClick?: () => void;
onClose?: () => void;
@ -44,6 +51,8 @@ const ProfileMenuButton: ParentComponent<{
props.onClick?.();
};
const inf = () => props.profile?.account.inf
const onClose = () => {
props.onClick?.();
setAnchor(null);
@ -60,8 +69,8 @@ const ProfileMenuButton: ParentComponent<{
aria-expanded={open() ? "true" : undefined}
>
<Avatar
alt={`${props.profile?.inf?.displayName}'s avatar`}
src={props.profile?.inf?.avatar}
alt={`${inf()?.displayName}'s avatar`}
src={inf()?.avatar}
></Avatar>
</ButtonBase>
<Menu
@ -86,31 +95,31 @@ const ProfileMenuButton: ParentComponent<{
>
<MenuItem
component={A}
href={`/${encodeURIComponent(`${props.profile?.inf?.username}@${props.profile?.account.site}`)}/profile/${props.profile?.inf?.id}`}
href={`/${encodeURIComponent(`${inf()?.username}@${props.profile?.account.site}`)}/profile/${inf()?.id}`}
disabled={!props.profile}
>
<ListItemAvatar>
<Avatar src={props.profile?.inf?.avatar}></Avatar>
<Avatar src={inf()?.avatar}></Avatar>
</ListItemAvatar>
<ListItemText
primary={props.profile?.inf?.displayName}
secondary={`@${props.profile?.inf?.username}`}
primary={inf()?.displayName}
secondary={`@${inf()?.username}`}
></ListItemText>
</MenuItem>
<MenuItem>
<MenuItem disabled>
<ListItemIcon>
<BookmarkIcon />
</ListItemIcon>
<ListItemText>Bookmarks</ListItemText>
</MenuItem>
<MenuItem>
<MenuItem disabled>
<ListItemIcon>
<LikeIcon />
</ListItemIcon>
<ListItemText>Likes</ListItemText>
</MenuItem>
<MenuItem>
<MenuItem disabled>
<ListItemIcon>
<ListIcon />
</ListItemIcon>