style(ClubSummary): remove button text and container for follow actions

Refactor the title section to use raw icon components instead of Button components.
- Removed the surrounding <Flex> wrapper for the name and action.
- Removed the "取消关注" (Unfollow) and "关注" (Follow) text labels.
- Replaced Button components with direct StarFilled and StarOutlined icons
  to reduce visual clutter and align with the icon-only design.
This commit is contained in:
kyuuseiryuu 2026-03-26 14:14:07 +09:00
parent da4c123015
commit 3a7525ae8d

View File

@ -55,27 +55,22 @@ export const ClubSummary = (props: Props) => {
<ChangeBackground url={info?.img} /> <ChangeBackground url={info?.img} />
<Avatar src={info?.img} size={80} /> <Avatar src={info?.img} size={80} />
<Typography.Title level={3}> <Typography.Title level={3}>
<Flex gap={12}> <>
{info?.name} {info?.name}
{props.clubId === '47' ? null : (store.isFav(info?.id ?? '')) ? ( {props.clubId === '47' ? null : (store.isFav(info?.id ?? '')) ? (
<Button <StarFilled
icon={<StarFilled style={{ color: 'yellow' }} />} style={{ color: 'yellow' }}
onClick={() => store.unFav(info?.id ?? '')} onClick={() => store.unFav(info?.id ?? '')}
> />
</Button>
) : ( ) : (
<Button <StarOutlined
icon={<StarOutlined />}
onClick={() => store.add({ onClick={() => store.add({
id: info?.id ?? '', id: info?.id ?? '',
name: info?.name ?? '', name: info?.name ?? '',
})} })}
> />
</Button>
)} )}
</Flex> </>
</Typography.Title> </Typography.Title>
<Flex gap={12}> <Flex gap={12}>
{noArticle ? null : ( {noArticle ? null : (