h2oai / h2oai/wave

Icon not rendered for ui.stat

Open
#1,430 4 comments 0 reactions 0 assignees View on GitHub
design feature ui
Dominant language
Python
Stars
4.3k
Forks
371
Avg merge
26d 1h
Merged PRs (30d)
1

Description

#### Wave SDK Version, OS
0.21.0 - tested locally OSK and also in the Editable Tour in Internal

#### Actual behavior
No waving blue hand next to 100 (grey hand to show this is a valid icon
![image](https://user-images.githubusercontent.com/4793561/169105634-803bde8d-8653-4cd5-9ddd-30c3d8d66642.png)

#### Expected behavior

(A clear and concise description of what you expected to happen.)

#### Steps To Reproduce
```python
from h2o_wave import main, app, Q, ui

@app('/')
async def serve(q: Q):
q.page['example'] = ui.tall_stats_card(
box='1 1 2 4',
items=[
ui.stat(label='Fake', value='100', caption='test', icon='WavingHand', icon_color='blue'),
ui.stat(label='PARAMETER NAME', value='125%'),
ui.stat(label='PARAMETER NAME', value='578 Users'),
ui.stat(label='PARAMETER NAME', value='25K')
]
)
q.page["header"] = ui.header_card(
box="1 1 -1 1",
title="",
subtitle="",
icon="WavingHand"
)

await q.page.save()
```

Contributor guide

Open the contributing guide

Research direction

Start by running the supplied Python reproduction with ui.tall_stats_card, ui.stat, and header_card on Wave 0.21.0, then compare how the WavingHand icon appears in each component. Done means the blue waving-hand icon renders next to the ui.stat value as it does for the header card.

Written by the indexing model from the issue text.

Assessment

Tech stack
python
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.