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:
parent
da4c123015
commit
3a7525ae8d
@ -55,27 +55,22 @@ export const ClubSummary = (props: Props) => {
|
||||
<ChangeBackground url={info?.img} />
|
||||
<Avatar src={info?.img} size={80} />
|
||||
<Typography.Title level={3}>
|
||||
<Flex gap={12}>
|
||||
<>
|
||||
{info?.name}
|
||||
{props.clubId === '47' ? null : (store.isFav(info?.id ?? '')) ? (
|
||||
<Button
|
||||
icon={<StarFilled style={{ color: 'yellow' }} />}
|
||||
<StarFilled
|
||||
style={{ color: 'yellow' }}
|
||||
onClick={() => store.unFav(info?.id ?? '')}
|
||||
>
|
||||
取消关注
|
||||
</Button>
|
||||
/>
|
||||
) : (
|
||||
<Button
|
||||
icon={<StarOutlined />}
|
||||
<StarOutlined
|
||||
onClick={() => store.add({
|
||||
id: info?.id ?? '',
|
||||
name: info?.name ?? '',
|
||||
})}
|
||||
>
|
||||
关注
|
||||
</Button>
|
||||
/>
|
||||
)}
|
||||
</Flex>
|
||||
</>
|
||||
</Typography.Title>
|
||||
<Flex gap={12}>
|
||||
{noArticle ? null : (
|
||||
|
||||
Loading…
Reference in New Issue
Block a user