fix - new card component

src/containers/Home/OpenTicketCard.js

@@ -44,9 +44,11 @@ class OpenTicketCard extends Component {
         <Card
           align="center"
           title="Open Ticket"
-          message="Open new ticket"
-          body={<LogoOpenTicket />} 
-          footer={<ButtonPrimary />} />
+          subtitle="Open new ticket"
+         >
+          <LogoOpenTicket />
+          <ButtonPrimary />
+        </Card>
       </div>
     );
   }

src/containers/Home/ViewTicketCard.js

@@ -53,25 +53,24 @@ class ViewTicketCard extends Component {
       return (<Redirect to={`/ticket/${this.state.ticketId}`} />);
     }
     
-    let Search = (
-      <SearchForm
-        name="search"
-        id="search"
-        placeholder="ticket ID"
-        onChange={this.handleChangeInput}
-        onSubmit={this.handleSubmit}
-        value={this.state.ticketId}
-        buttonName="View"
-      />);
-
     return (
       <div>
         <Card
           align="center"
           title="View Ticket"
-          message="View the ticket status"
-          body={<LogoViewTicket />}
-          footer={Search} />
+          subtitle="View the ticket status"
+        >
+            <LogoViewTicket />   
+            <SearchForm
+              name="search"
+              id="search"
+              placeholder="ticket ID"
+              onChange={this.handleChangeInput}
+              onSubmit={this.handleSubmit}
+              value={this.state.ticketId}
+              buttonName="View"
+            />  
+        </Card>
       </div>
     );
   }