Merge branch 'v2' into feature/error-boundaries

Author: code-mattclaffey

.storybook/components/CodeBlock.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CodeBlock, shadesOfPurple } from 'react-code-blocks';
 
-export const Code = ({ children }) => (
+export const Code = ({ children }: { children: string }) => (
   <CodeBlock
     text={children}
     language="jsx"

.storybook/manager.ts

@@ -11,7 +11,6 @@ const theme = create({
   brandTitle: '⚛️ React Design Patterns',
   brandUrl: 'https://example.com',
   brandTarget: '_self',
-  //
   colorPrimary: '#ffffff',
   colorSecondary: '#A599E9',
 

src/course/02- lessons/01-Bronze/ConditionalRendering/exercise/exercise.stories.tsx renamed to src/course/02-lessons/01-Bronze/ConditionalRendering/exercise/exercise.stories.tsx

@@ -3,7 +3,7 @@ import { Label } from '@shared/components/Label/Label.component';
 import { ErrorMessage } from '@shared/components/ErrorMessage/ErrorMessage.component';
 import { HTMLAttributes } from 'react';
 
-export interface ITextFieldProps {
+export interface TextFieldProps {
   hasError: boolean;
   errorMessage?: string;
   id: string;
@@ -19,7 +19,7 @@ export const TextFieldComponent = ({
   id,
   name,
   label
-}: ITextFieldProps) => (
+}: TextFieldProps) => (
   <div className="flex flex-col gap-2">
     <Label htmlFor={id}>{label}</Label>
     <Input id={id} name={name} hasError={hasError} {...input} />

src/course/02- lessons/01-Bronze/ConditionalRendering/exercise/exercise.tsx renamed to src/course/02-lessons/01-Bronze/ConditionalRendering/exercise/exercise.tsx

@@ -1,5 +1,5 @@
 import { ChangeEvent, useState } from 'react';
-import { ITextFieldProps, TextFieldComponent } from '../components';
+import { TextFieldProps, TextFieldComponent } from '../components';
 
 /*
  * Observations
@@ -16,7 +16,7 @@ interface IFieldProps {
   id: string;
   label: string;
   errorMessage?: string;
-  children: (props: ITextFieldProps) => React.ReactNode;
+  children: (props: TextFieldProps) => React.ReactNode;
 }
 
 const validateTextString = (value: string) =>