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

feat: scaffolded getting started screen #1

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

pedrocruzio
Copy link

Screen Shot 2021-06-04 at 7 35 22 AM

To Do:

  • Restructure App Navigation and styles to accommodate the getting started screen
  • Add bottom border as shown in reference
  • Fix styling

Copy link
Collaborator

@JohnyTheCarrot JohnyTheCarrot left a comment

Choose a reason for hiding this comment

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

Hi, thanks for your PR! I've made a couple comments regarding it.
I generally recommend running the prettier formatter on the code, that'll fix the formatting.
Generally, the way I wrote the original code I had functions in mind rather than arrow functions. For consistency's sake, it may be best for us to all use functions rather than arrow functions. Also, since we're using TypeScript for this repository, please use interfaces to define your props. Thanks again!

src/components/CarbonButtonOutline.tsx Show resolved Hide resolved
src/components/SVGIcon.tsx Show resolved Hide resolved
iconLaptop: IconLaptop,
};

const SVGIcon = ({ type, ...props }) => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Please use interfaces. I suggest creating an interface that extends whatever interface the props of SVGIcon uses. Also, ideally we'd use a different name for the SVGIcon variable and component.

Copy link
Author

Choose a reason for hiding this comment

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

Got it! What is a good name instead of SVGIcon?

src/screens/HowItWorks.tsx Show resolved Hide resolved
src/screens/HowItWorks.tsx Show resolved Hide resolved
</View>
);

const renderItem = ({ item }) => (
Copy link
Collaborator

Choose a reason for hiding this comment

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

Same as previous comment. Please use interfaces.

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.

2 participants