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

Refactor: use the <Card> atom in every component that displays a card #36

Merged
merged 9 commits into from Aug 11, 2020

Conversation

andreaforni
Copy link
Contributor

@andreaforni andreaforni commented Aug 7, 2020

This PR closes #25.

  • Refactor the following components to use the Card atom: CloseContactWarning, TracingAvailable, TransmissionChart, CovidStats, CountyBreakdown, and SymptomChecker.
  • Delete unused StatsCard component (components/molecules/stats-card.tsx).
  • Update Card atom to fix the design when type is warning.


export const CloseContactWarning: FC = () => {
const {t} = useTranslation();
const navigation = useNavigation();

return (
<TouchableWithoutFeedback
<Card
padding={{v: 0, h: 0}}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I had to set the vertical padding to zero, even though the one set in styles.card was 16, to match the original design:

original-2

With vertical padding equal to 16, it would be:

vertical padding 16

@andreaforni andreaforni marked this pull request as ready for review August 7, 2020 10:33
@andreaforni andreaforni self-assigned this Aug 7, 2020
@andreaforni andreaforni marked this pull request as draft August 7, 2020 12:44
@andreaforni andreaforni marked this pull request as ready for review August 10, 2020 07:28
Copy link

@floridemai floridemai left a comment

Choose a reason for hiding this comment

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

@andreaforni Approved as it all looks good. I think you need to just resolve the conflicts around icons. Code looks good.

@andreaforni
Copy link
Contributor Author

@andreaforni Approved as it all looks good. I think you need to just resolve the conflicts around icons. Code looks good.

Thanks @floridemai, I'm already working on the conflicts.

@andreaforni andreaforni merged commit 3f18c3c into current Aug 11, 2020
@andreaforni andreaforni deleted the use-card-atom branch August 11, 2020 11:25
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.

Refactor: use the <Card> atom in every component that displays a card
3 participants