remove all props in ContactUsForm.js

update ContactUsForm styles to no longer use

Author: thorrellt

components/ContactUsForm/index.js

@@ -102,7 +102,6 @@ function ContactUsForm({ subscribe, setResponseMessage }) {
               //no white space pattern
               pattern: /[^\s-]/i,
             })}
-            $inputType='name'
           />
           <S.ErrorMsg>
             {errors.Name?.type === 'required'
@@ -120,7 +119,6 @@ function ContactUsForm({ subscribe, setResponseMessage }) {
               required: true,
               pattern: /^\S+@\S+$/i,
             })}
-            $inputType='email'
           />
           <S.ErrorMsg>
             {errors.Email?.type === 'required' && 'Email is required'}
@@ -133,7 +131,6 @@ function ContactUsForm({ subscribe, setResponseMessage }) {
               minLength: 2,
               pattern: /[^\s-]/i,
             })}
-            $inputType='email'
           />
           <S.ErrorMsg>
             {errors.Subject?.type === 'required'
@@ -151,7 +148,6 @@ function ContactUsForm({ subscribe, setResponseMessage }) {
               pattern: /[^\s-]/i,
             })}
             placeholder='Write your message here'
-            $inputType='message'
           />
           <S.ErrorMsg>
             {errors.Message?.type === 'required'

components/ContactUsForm/styles.js

@@ -59,20 +59,18 @@ const Input = styled.input`
     border-radius: 3rem;
     max-width: 25rem;
   `)}
-
-  //check props for button variations
-  ${props => (props.$inputType === 'message' ? InputMessage : '')}
 `;
 
 const TextArea = styled.textarea`
   display: block;
   font-size: 1.2rem;
   border-radius: 1rem;
-  height: 2rem;
+  height: 13rem;
   padding: 1.2rem 1.25rem;
   border: 1px solid ${$darkBgColor};
   max-width: 100%;
   width: 24rem;
+  font-family: inherit;
 
   &::placeholder {
     color: ${$primaryContentColor};
@@ -85,21 +83,10 @@ const TextArea = styled.textarea`
   //media query mixins
   ${m.largeDesktop(css`
     font-size: 1.5rem;
-    height: 3rem;
     border-radius: 3rem;
     max-width: 25rem;
   `)}
 
-  //check props for button variations
-${props => (props.$inputType === 'message' ? InputMessage : '')}
-`;
-
-const InputMessage = css`
-  font-family: inherit;
-  height: 13rem !important;
-  border-radius: 1rem;
-
-  //media query mixins
   ${m.desktop(css`
     border-radius: 1.5rem;
   `)}