Use antd tooltip for the podium rank chip
Build and Push Lunchtime Images (Kaniko) / build-and-push (push) Successful in 2m1s
Build and Push Lunchtime Images (Kaniko) / build-and-push (push) Successful in 2m1s
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
eceea097c4
commit
9a0c0d98f9
1 file changed
+9
-7
@@ -11,6 +11,7 @@ import {
|
||||
Space,
|
||||
Tag,
|
||||
theme,
|
||||
Tooltip,
|
||||
Typography,
|
||||
message,
|
||||
} from "antd";
|
||||
@@ -534,13 +535,14 @@ export default function ParticipantView({ orderId }: { orderId: string }) {
|
||||
title="Your order"
|
||||
extra={
|
||||
stats?.my_rank && (
|
||||
<Tag
|
||||
bordered={false}
|
||||
title={`You were ${["1st", "2nd", "3rd"][stats.my_rank - 1]} to order`}
|
||||
style={{ margin: 0, borderRadius: 8, padding: "2px 10px", background: `color-mix(in srgb, ${token.colorPrimary} 12%, color-mix(in srgb, ${token.colorBgContainer} 80%, #000))`, color: token.colorPrimary, fontWeight: 600 }}
|
||||
>
|
||||
{["🥇", "🥈", "🥉"][stats.my_rank - 1]} #{["1st", "2nd", "3rd"][stats.my_rank - 1]}
|
||||
</Tag>
|
||||
<Tooltip title={`You were ${["1st", "2nd", "3rd"][stats.my_rank - 1]} to order`}>
|
||||
<Tag
|
||||
bordered={false}
|
||||
style={{ margin: 0, borderRadius: 8, padding: "2px 10px", background: `color-mix(in srgb, ${token.colorPrimary} 12%, color-mix(in srgb, ${token.colorBgContainer} 80%, #000))`, color: token.colorPrimary, fontWeight: 600 }}
|
||||
>
|
||||
{["🥇", "🥈", "🥉"][stats.my_rank - 1]} #{["1st", "2nd", "3rd"][stats.my_rank - 1]}
|
||||
</Tag>
|
||||
</Tooltip>
|
||||
)
|
||||
}
|
||||
>
|
||||
|
||||
Reference in new issue
Block a user