add props and component structure

@@ -153,7 +153,7 @@ const StyledLink = styled(Link)`
   }
   }
 `;
 `;
 
 
-export default ({ roomArray, action, setAction }) => {
+export default ({ roomArray, action, setAction, onSubmit, roomName }) => {
   return (
   return (
     <Wrapper>
     <Wrapper>
       <Header text={"KhuChat"}></Header>
       <Header text={"KhuChat"}></Header>
@@ -181,9 +181,9 @@ export default ({ roomArray, action, setAction }) => {
       ) : (
       ) : (
         <HideWrapper className="hideWrapper">
         <HideWrapper className="hideWrapper">
           <FormContainer>
           <FormContainer>
-            <Form>
+            <Form onSubmit={onSubmit}>
               <FormText>Room Name</FormText>
               <FormText>Room Name</FormText>
-              <Input placeholder="Enter new Room name" />
+              <Input placeholder="Enter new Room name" {...roomName} />
               <Button text="Submit" />
               <Button text="Submit" />
             </Form>
             </Form>
           </FormContainer>
           </FormContainer>