Comments (2)
HIG-4661 dashboard units polish
from highlight.
To polish the dashboard units for active_length
to show number formatting, follow these steps:
-
Update the Resolver in
schema.resolvers.go
:// Add number formatting for active_length func (r *dashboardMetricResolver) ActiveLength(ctx context.Context, obj *model.DashboardMetric) (string, error) { formattedLength := fmt.Sprintf("%d", obj.ActiveLength) // Format the number return formattedLength, nil }
-
Update the
DashboardMetric
struct inmodel.go
:Ensure that
ActiveLength
is defined as an integer or the appropriate type for number formatting.type DashboardMetric struct { ActiveLength int `json:"active_length"` }
-
Update the
DashboardPage
component inDashboardPage.tsx
:Ensure that the
active_length
is displayed correctly with the formatted number.// Display the formatted active_length <div>{dashboardMetric.active_length}</div>
References
/backend/private-graph/graph/schema.resolvers.go
/backend/model/model.go
/frontend/src/pages/Dashboards/pages/Dashboard/DashboardPage.tsx
from highlight.
Related Issues (20)
- packages/ui component library does not hot reload in frontend HOT 2
- build improvements HOT 2
- app.highlight.io reflame CSS transforms differ from vite dev HOT 2
- test stability work HOT 2
- Logging breaks on serialization of BigInts HOT 3
- suspicious session alerts HOT 2
- overflow on tooltips on the dashboard HOT 2
- don't render tooltip if cursor isn't touching a graph HOT 2
- caching issues on graphs HOT 2
- 'metric view title' doesn't span the full width HOT 2
- Player canvas flickering on load HOT 2
- dev tools traces viewer designs HOT 2
- allow error search on custom structured attributes HOT 2
- add a business tier HOT 2
- Traces Popup shouldn't show when dragging HOT 2
- "Link Issue" input is an old input style HOT 2
- Empty state in devtools is too large, and limits devtools scroll width HOT 2
- super user? auth issue in other projects HOT 2
- Address search UI feedback from BCI HOT 2
- Add 'business tier' designs HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from highlight.