JoshK2

import React from 'react';
import {StyleSheet, View} from 'react-native';
import PropTypes from 'prop-types';
import {Product} from './product';

const styles = StyleSheet.create({
  container: {flex: 1, alignItems: 'center', justifyContent: 'flex-start'},
});

const ProductsList = ({list}) => {

JoshK2

import React from 'react';
import {StyleSheet, View, Text, Image, Alert} from 'react-native';
import PropTypes from 'prop-types';
import {Button} from './button';

const styles = StyleSheet.create({
  container: {
    shadowColor: '#cdcdcd',
    shadowOffset: {width: 5, height: 5},
    shadowOpacity: 0.5,

JoshK2

import React from 'react';
import {StyleSheet, TouchableHighlight, Text} from 'react-native';
import PropTypes from 'prop-types';

const styles = StyleSheet.create({
  button: {
    backgroundColor: '#000000bf',
    borderRadius: 30,
    paddingHorizontal: 9,
    paddingVertical: 12,

JoshK2

//IMPORTANT - install thie before: npm i child-process-promise --save-dev
/*
put this in your package.json script:
"import-all": "node import-all.js"

npm run import-all <user>.<collection> amount
*/

const exec = require('child-process-promise').exec;
const args = process.argv;

JoshK2

"bit": {
    "env": {
      "compiler": "bit.envs/compilers/typescript@3.0.35",
      "tester": "bit.envs/testers/jest@22.4.3"
    },
    "componentsDefaultDirectory": "components/{name}",
    "packageManager": "npm",
    "overrides": {
      "*": {
        "dependencies": {

JoshK2

import React, { Component, CSSProperties } from 'react';

type LinkProps = {
    link: string
}

const css: CSSProperties = {
    fontSize: 16,
    color: '#000000',
}

JoshK2

import React, { Component, CSSProperties } from 'react';
import Link from './Link';

type AlertProps = {
    text: string,
    bgColor?: string,
    link?: string
}

const css: CSSProperties = {

JoshK2

import React, { Component, CSSProperties } from 'react';

type ButtonProps = {
    text: string,
    disable?: boolean,
    onClick: Function
}

const css: CSSProperties = {
    padding: '5px 9px',

JoshK2

@import '../../styles/variables.scss';

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    width: fit-content;
    &.primary {

JoshK2

$primaryColor: #cce5ff;
$secondaryColor: #e2e3e5;
$successColor: #d4edda;
$dangerColor: #f8d7da;
$warningColor: #fff3cd;
$infoColor: #d1ecf1;