jasonleehodges

import React from 'react';

export const Grid = (props) => {
  const renderRow = (rowData) => (
    <div className="row">
      <div className="col">
        {rowData.title}
      </div>
      <div className="col">
        {rowData.description}

jasonleehodges

import React, { FC } from 'react';

import styles from './createUser.module.css';

export interface Contact {
    name: string,
    email: string,
    phoneNumber: string,
}

jasonleehodges

import React, { FC } from 'react';

import styles from './createUser.module.css';
import { useParams } from 'react-router-dom'

export interface Contact {
    name: string,
    email: string,
    phoneNumber: string,
    referredBy?: string,

jasonleehodges

import React, { FC } from 'react';

export interface Contact {
    name: string,
    email: string,
    phoneNumber: string,
    referredBy?: string,
    role?: string,
}

jasonleehodges

import { Contact, UserForm } from '../user-form/userForm';
import React, {FC, useState} from 'react';

export const CreateProspect: FC = () => {
    const [user, setUser] = useState<Contact>({
        name: '',
        email: '',
        phoneNumber: '',
        referredBy: ''
      });

jasonleehodges

import {
  PayloadAction,
  createReducer,
} from "@reduxjs/toolkit";
import { increment, decrement, incrementByAmount, incrementAsync } from "./actions";

export interface CounterState {
  value: number;
  status: "idle" | "loading" | "failed";
}

jasonleehodges

import {
  CounterState,
  decrement,
  increment,
  incrementByAmount,
  testableCounterReducer,
} from "./testableCounterReducer";

describe("testable counter reducer", () => {
  const initialState: CounterState = {

jasonleehodges

export const Counter = () => {
  const count = useSelector((state: RootState) => state.counter.value)

  return (
    <div>
      
   ...

jasonleehodges

export const selectCount = (state: RootState) => state.counter.value;
export const selectCountFormatted =
  (formatter: "$" | "%") => (state: RootState) =>
    `${formatter === "$" ? "$" : ""}${selectCount(state)}${
      formatter === "%" ? "%" : ""
    }`;
export const selectCountAndStatus = (state: RootState) =>
  `The current count is ${selectCount(state)} and the status is ${
    state.counter.status
  }`;

jasonleehodges

import React from "react";
import { useSelector } from "react-redux";
import {selectCountFormatted} from './selectors'

export const Counter = () => {
  const countFormattedAsDollars = useSelector(selectCountFormatted('$'));
  
...