Skip to content

feat(events-v2) Add rough sketch of event modal#13415

Merged
markstory merged 6 commits intomasterfrom
eventv2-modal
May 30, 2019
Merged

feat(events-v2) Add rough sketch of event modal#13415
markstory merged 6 commits intomasterfrom
eventv2-modal

Conversation

@markstory
Copy link
Member

This is a rough sketch of how the single event view could work. There are numerous prop-type warnings that I plan on addressing before merging this.

The styling is not perfect either as I wasn't sure on how the scrolling should be handled as the modal could be taller or shorter than the viewport and I wanted to discuss how that should be handled.

I wanted to get feedback on:

  • The usage of the eventSlug query string parameter. The current APIs need both an event id and projectId. My thinking was that using a single parameter will allow us to have fewer query parameters to manage when handling history state.
  • My plan for different modal types was to use the renderFunc features to trigger different modals for different event/issue types.
  • The modals currently enter browser history. This was something we discussed briefly but I wanted to make sure folks were aligned on that decision.

Refs SEN-648

@markstory markstory requested a review from a team May 28, 2019 02:27
Copy link
Member

@lynnagara lynnagara left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think the eventSlug format + adding browser history entry works well (imo could probably just be named "event" though since it goes without saying that it's a slug)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We'll probably need to extend the existing location.query to keep the cursor, project, and other values around

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oops, just saw your comment above

markstory added 4 commits May 29, 2019 11:40
This is a rough sketch of how the single event view could work. There
are numerous prop-type warnings that I plan on addressing before merging
this.

The styling is not perfect either as I wasn't sure on how the scrolling
should be handled as the modal could be taller or shorter than the
viewport and I wanted to discuss how that should be handled.

Refs SEN-648
@markstory
Copy link
Member Author

markstory commented May 29, 2019

Screen Shot 2019-05-29 at 4 51 32 PM

Now with a rough version of the tags table, more representative styling and some cursory integration tests.

markstory added 2 commits May 29, 2019 16:36
Extract title/message/location generation logic into util functions
making it easier to reuse and less coupled to the specific styling.
Copy link
Member

@billyvg billyvg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It would be nice in follow-up PRs, to break down eventDetails a bit, and maybe have data fetching handled in an AyncComponent, but this PR looks 👍 as is

<Container>
<Link
css={overflowEllipsis}
to={`/organizations/${organization.slug}/events/?${newQuery}`}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Instead of making our own query string, we could pass to an object with pathname and query keys.

@markstory markstory merged commit fb15f58 into master May 30, 2019
@markstory markstory deleted the eventv2-modal branch May 30, 2019 18:37
jan-auer added a commit that referenced this pull request May 30, 2019
* master: (30 commits)
  ref(ui): Avoid full-page load indicator after project creation (#12842)
  ref(events-v2) Use an object target instead building URLs (#13471)
  ref(onboarding): Improve alerts from wizard docs (#13469)
  feat(app-platform): integration feature models, serializer, endpoints (#13377)
  ref(onboarding): Improve platform picker hover color (#13468)
  chore: New SDK versions (#13465)
  feat(events-v2) Add rough sketch of event modal (#13415)
  chore(south) Update south state to use new jsonfield (#13466)
  fix(events-v2): Fix search filter (#13454)
  chore: Vendor JSONField to fix runtime warnings and reduce future upgrade pain (#13397)
  test(events-v2): Fix dynamic values in Percy (#13463)
  dx(notion): Upgrade from `notion` to `volta` (#13452)
  feat(onboarding): Add warning for when docs are missing examples (#13445)
  misc(metrics): First pass at un-sampled single metric paths. (#13434)
  fix(integrations) Fix missing identity link on re-install (#13450)
  fix(api): Fix bug when creating incident comments while logged in as another user.
  fix(api): Fix task error on incident creation
  chore(SDK's): Update various SDK versions/urls (#13225)
  chore: Make exports and imports match (#13449)
  feat(ui): Add message in Incidents list for creating an incident [SEN-694] (#13436)
  ...
@github-actions github-actions bot locked and limited conversation to collaborators Dec 20, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants