Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added new Dialog Component #2911

Merged
merged 36 commits into from
May 18, 2021

Conversation

Dhananjayan-PN
Copy link
Contributor

@Dhananjayan-PN Dhananjayan-PN commented Mar 25, 2021

What kind of change does this PR introduce?

This PR introduces a new Dialog component.

Did you add tests for your changes?

Yes, I have written unit tests for this new component

If relevant, did you update the documentation?

Yes, I have updated the documentation to reflect the usage, props, and other information regarding the new Dialog component

Summary

The DIalog component is one that is very important and powerful as it can be used to quickly create a dialog that shows loading context, selection, confirmation, information, and other custom components. I believe this PR aims to solve the absence of such a component in the React Native Elements UI Toolkit. Link to Open Issue -> #2910

I have also submitted a PR to the RNE-app repository for the showcase of the new Chip component for users to fiddle with and understand. (react-native-elements/react-native-elements-app#182)

Preview

@flyingcircle @pranshuchittora Kindly review this PR and let me know if there is anything I can add to it or make it more complete. Looking forward to a merge :)

@codecov
Copy link

codecov bot commented Mar 25, 2021

Codecov Report

Merging #2911 (6c50865) into next (5c2d6b6) will increase coverage by 2.06%.
The diff coverage is 61.53%.

Impacted file tree graph

@@            Coverage Diff             @@
##             next    #2911      +/-   ##
==========================================
+ Coverage   79.31%   81.37%   +2.06%     
==========================================
  Files          53       61       +8     
  Lines        1131     1450     +319     
  Branches      449      642     +193     
==========================================
+ Hits          897     1180     +283     
- Misses        182      269      +87     
+ Partials       52        1      -51     
Impacted Files Coverage Δ
src/dialog/DialogLoading.tsx 42.85% <42.85%> (ø)
src/dialog/DialogActions.tsx 50.00% <50.00%> (ø)
src/dialog/DialogButton.tsx 60.00% <60.00%> (ø)
src/dialog/DialogTitle.tsx 60.00% <60.00%> (ø)
src/dialog/Dialog.tsx 100.00% <100.00%> (ø)
src/card/CardTitle.tsx 33.33% <0.00%> (-16.67%) ⬇️
src/card/CardFeaturedTitle.tsx 33.33% <0.00%> (-16.67%) ⬇️
src/card/CardFeaturedSubtitle.tsx 33.33% <0.00%> (-16.67%) ⬇️
src/card/CardDivider.tsx 50.00% <0.00%> (-16.67%) ⬇️
src/list/ListItemInput.tsx 50.00% <0.00%> (-16.67%) ⬇️
... and 50 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5c2d6b6...6c50865. Read the comment docs.

src/dialog/Dialog.tsx Outdated Show resolved Hide resolved
src/dialog/Dialog.tsx Outdated Show resolved Hide resolved
@Dhananjayan-PN
Copy link
Contributor Author

Thanks a lot for the suggestion! That seems to be a way more elegant way of doing this. I'm on it!

@Dhananjayan-PN
Copy link
Contributor Author

Hey @flyingcircle! I apologize for the massive delay in completing this one, I was focusing on finishing my finals in university and the covid vaccine had some weird side effects. But it is finally complete! Kindly review the changes I've made! Looking forward to a merge :)

@flyingcircle flyingcircle merged commit 271ab93 into react-native-elements:next May 18, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants