Comments (2)
HIG-4645 Single Event Page (for past events)
from highlight.
To implement a Single Event Page for past events, you'll need to integrate backend event parsing with frontend display logic:
-
Backend Parsing: Use the logic in
/backend/event-parse/sample-events
as a reference for handling event data. Specifically, look at how events are structured and parsed. -
Frontend Display: Refer to
TimelinePopover.tsx
in/frontend/src/pages/Player/Toolbar/TimelineIndicators/TimelinePopover
for an example of how to display event information in a popover. Adapt this logic to create a full page view for a single event. -
Utility Functions: Utilize utility functions from
/frontend/src/pages/Player/PlayerHook/utils/index.tsx
for calculating event timestamps and linking events to their display on the frontend. Functions likegetEventsForTimelineIndicator
anduseLinkErrorInstance
may be particularly useful for handling event data and displaying it appropriately.
Combine these elements to create a comprehensive Single Event Page that fetches event data, parses it, and displays it in a user-friendly format.
References
/backend/event-parse/sample-events
/frontend/src/pages/Player/Toolbar/TimelineIndicators/TimelinePopover/TimelinePopover.tsx
/frontend/src/pages/Player/PlayerHook/utils/index.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.