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} />
|
<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 : (
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user