Skip to content
This repository has been archived by the owner on Apr 12, 2022. It is now read-only.

Replace Destination data page Record Preview with Sample Record Card #2682

Merged
merged 9 commits into from
Dec 20, 2021

Conversation

edmundito
Copy link
Contributor

@edmundito edmundito commented Dec 14, 2021

Change description

Replace the RecordPreview Component with the Destination Sample Record. This is a followup to to #2616 and #2677.

The sample record for the destination will show what the record will look like at the destination, compared to the model/property sample records which come from the source. In order to do this, a lot of customizations had to be added to the Sample Record card so that it can support both data types.

Screen Shot 2021-12-14 at 3 16 42 PM

When the destination is still being set up, the record will show an empty state:

image

When the record will not end in the destination it will show a warning:

image

In smaller window sizes, the sample record will show below all the destination set up.

Bonus: Disable the import record button in the property sample record as indicated by our story.

TODO:

  • Resolve what happens if the current sample record does not end in the destination

Checklists

Development

  • Application changes have been tested appropriately

Impact

  • Code follows company security practices and guidelines
  • Security impact of change has been considered
  • Performance impact of change has been considered
  • Possible migration needs considered (model migrations, config migrations, etc.)

Please explain any security, performance, migration, or other impacts if relevant:

Code review

  • Pull request has a descriptive title and context useful to a reviewer. Screenshots or screencasts are attached where applicable.
  • Relevant tags have been added to the PR (bug, enhancement, internal, etc.)

@edmundito edmundito added the enhancement New feature or request label Dec 14, 2021
Copy link
Member

@evantahler evantahler left a comment

Choose a reason for hiding this comment

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

Awesome! I'm happy to see the API didn't need to change either.

: "None"}
</p>
}
<h6>{groupsTitle}</h6>
Copy link
Member

Choose a reason for hiding this comment

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

Nice - I really like how reusable you made this component. It's gnarly, but it's very powerful.

Comment on lines +507 to +510
<FontAwesomeIcon
icon="times"
fixedWidth
/>
Copy link
Member

Choose a reason for hiding this comment

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

Yeah, that's probably better than ❌

@edmundito edmundito force-pushed the 180254221-destination-sample-record branch from 5198b12 to ff6cc31 Compare December 15, 2021 22:20
* Update Sample record card to render destiantion record preview groups
* Add support to disable propertyLink, import button
* Add customizable properties and groups title
* Add loading / unavailable state
…orted

* Update Managed card to set border style
* Update SampleRecord to accept "warning"
* Update "Switch to random Record" button text to "Load Random Record"
* Update Destination page drop down from No Group or Model to No Model or Group
@edmundito edmundito force-pushed the 180254221-destination-sample-record branch from ff6cc31 to cf125cd Compare December 20, 2021 15:55
@edmundito edmundito merged commit ec972cb into main Dec 20, 2021
@edmundito edmundito deleted the 180254221-destination-sample-record branch December 20, 2021 18:42
@edmundito edmundito linked an issue Jan 10, 2022 that may be closed by this pull request
1 task
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature]: Update UI to be more model-centric
2 participants