refactor: change button component

src/components/NavBar.js

@@ -7,10 +7,10 @@ import {
   NavbarBrand,
   NavbarToggler,
   Nav,
-  NavItem,
+  NavItem
-  Button
 } from 'reactstrap';
 
+import Button from '../components/Button';
 import './NavBar.css';
 import logo from '../assets/admin.svg';
 
@@ -75,8 +75,6 @@ class NavBar extends Component {
             
               <NavItem>
                 <Button
-                  color="primary"
-                  outline
                   onClick={this.closeNavbar}
                   tag={Link}
                   to="/login"

src/containers/Administration/Login.js

@@ -5,11 +5,11 @@ import {
   Form,
   FormGroup,
   Label,
-  Input,
+  Input
-  Button
 } from 'reactstrap';
 
 import Card from '../../components/Card';
+import Button from '../../components/Button';
 
 class Login extends Component {
   constructor(props) {
@@ -93,7 +93,7 @@ class Login extends Component {
               </FormGroup>
               
               <FormGroup>
-                <Button type="submit" outline color="primary">Login</Button>
+                <Button>Login</Button>
               </FormGroup>
             </Form>
           </Col>

src/containers/Administration/TicketManager.js

@@ -2,7 +2,6 @@ import React, { Component } from 'react';
 import { Link, Redirect } from 'react-router-dom';
 
 import {
-  Button,
   Row, 
   Col, 
   Form, 
@@ -14,6 +13,7 @@ import {
 import Card from '../../components/Card';
 import Table from '../../components/Table';
 import DropDown from '../../components/DropDown';
+import Button from '../../components/Button';
 
 
 class TicketManager extends Component {
@@ -196,7 +196,7 @@ class TicketManager extends Component {
             </FormGroup>
             <FormGroup row>
               <Col align="right">
-                <Button type="submit" color="primary">Update Ticket</Button>
+                <Button>Update Ticket</Button>
               </Col>
 
             </FormGroup>

src/containers/CreateTicket/CreateTicket.js

@@ -5,12 +5,12 @@ import {
   Form,
   FormGroup,
   Label,
-  Input,
+  Input
-  Button
 } from 'reactstrap';
 
 import Card from '../../components/Card';
 import DropDown from '../../components/DropDown';
+import Button from '../../components/Button';
 
 
 class CreateTicket extends Component {
@@ -239,7 +239,7 @@ class CreateTicket extends Component {
           <Row form>
             <Col align="center" md={{ size: 8, offset: 2 }}>
               <FormGroup>
-                <Button type="submit" outline color="primary">Open Ticket</Button>
+                <Button>Open Ticket</Button>
               </FormGroup>
             </Col>
           </Row>

src/containers/HomePage/CreateTicketCard.js

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router-dom';
-import { Button } from 'reactstrap';
 
 import Card from '../../components/Card';
 import Logo from '../../components/Logo';
+import Button from '../../components/Button';
 
 import logoSVG from '../../assets/assistance.svg';
 
@@ -35,8 +35,6 @@ class CreateTicketCard extends Component {
         <Button
           tag={Link}
           to="/create"
-          color="primary"
-          outline
         >
           Create Ticket
         </Button>