minor cleanup after refactor

Nonprofit-Exchange-Hub · Nov 9, 2023 · d009704 · d009704
1 parent 33b45a7
commit d009704
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 22 deletions.
diff --git a/client/src/components/Users/Auth/SignUpUserAndNonprofit/SignUpUserAndNonprofit.tsx b/client/src/components/Users/Auth/SignUpUserAndNonprofit/SignUpUserAndNonprofit.tsx
@@ -128,6 +128,7 @@ function SignupNonProfit() {
     return focusAreas.map((focusArea) => {
       return (
         <Chip
+          key={focusArea}
           className={classes.chip}
           label={focusArea}
           sx={{ fontSize: '16px' }}
@@ -171,6 +172,7 @@ function SignupNonProfit() {
 
   const handleChange = (evt: React.ChangeEvent<HTMLInputElement>): void => {
     const { name, value, checked }: { name: string; value: string; checked: boolean } = evt.target;
+    console.log('CHECK IS HERE', checked);
     setFormData((fData) => ({
       ...fData,
       [name]: name === 'accept_terms' ? checked : value,

diff --git a/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepFive.tsx b/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepFive.tsx
@@ -11,7 +11,8 @@ type TStepOneProps = {
   classes: Record<'header' | 'input' | 'label', string>;
 };
 
-export default function StepZero({ classes, formData }: TStepOneProps) {
+export default function StepFive({ classes, formData }: TStepOneProps) {
+  console.log('FINAL FORM BRO', formData);
   return (
     <Box sx={{ height: '100%', minWidth: '780px' }}>
       <Typography

diff --git a/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepFour.tsx b/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepFour.tsx
@@ -6,20 +6,13 @@ import { Box, Avatar, TextField } from '@mui/material';
 
 type TStepOneProps = {
   formData: {
-    organization_name: string;
-    organization_phone: string;
-    street: string;
-    city: string;
-    state: string;
-    zip_code: string;
-    employer_identification_number: string;
-    irs_classification: string;
+    bio: string;
   };
   classes: Record<'header' | 'input' | 'label', string>;
   handleChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
 };
 
-export default function StepZero({ classes, formData, handleChange }: TStepOneProps) {
+export default function StepFour({ classes, formData, handleChange }: TStepOneProps) {
   return (
     <Box sx={{ height: '100%', minWidth: '780px' }}>
       <Typography
@@ -67,6 +60,7 @@ export default function StepZero({ classes, formData, handleChange }: TStepOnePr
           fullWidth
           placeholder="Tell us about your organization..."
           name="bio"
+          value={formData.bio}
           onChange={handleChange}
         />
       </Grid>

diff --git a/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepOne.tsx b/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepOne.tsx
@@ -25,7 +25,7 @@ type TStepOneProps = {
   handleChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
 };
 
-export default function StepZero({ classes, formData, emailError, handleChange }: TStepOneProps) {
+export default function StepOne({ classes, formData, emailError, handleChange }: TStepOneProps) {
   return (
     <Box sx={{ height: '100%', minWidth: '780px' }}>
       <Typography

diff --git a/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepThree.tsx b/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepThree.tsx
@@ -5,20 +5,13 @@ import { Box } from '@mui/material';
 
 type TStepOneProps = {
   formData: {
-    organization_name: string;
-    organization_phone: string;
-    street: string;
-    city: string;
-    state: string;
-    zip_code: string;
-    employer_identification_number: string;
-    irs_classification: string;
+    focusAreas: string[];
   };
   classes: Record<'header' | 'input', string>;
   makeChips: () => any;
 };
 
-export default function StepZero({ classes, formData, makeChips }: TStepOneProps) {
+export default function StepThree({ classes, formData, makeChips }: TStepOneProps) {
   return (
     <Box sx={{ height: '100%', minWidth: '780px' }}>
       <Typography

diff --git a/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepTwo.tsx b/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepTwo.tsx
@@ -16,7 +16,7 @@ type TStepOneProps = {
   handleChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
 };
 
-export default function StepZero({ classes, formData, handleChange }: TStepOneProps) {
+export default function StepTwo({ classes, formData, handleChange }: TStepOneProps) {
   return (
     <Box sx={{ height: '100%', minWidth: '780px' }}>
       <Typography

diff --git a/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepZero.tsx b/client/src/components/Users/Auth/SignUpUserAndNonprofit/StepZero.tsx
@@ -141,7 +141,6 @@ export default function StepZero({
             </Grid>
             <Grid item xs={12}>
               <label>IRS Nonprofit Organization Classification</label>
-              {/* @ts-ignore */}
               <Select
                 input={<OutlinedInput />}
                 inputProps={{ 'aria-label': 'Without label' }}