Renamed events component

This commit is contained in:
Shay Nehmad 2019-08-28 14:13:33 +03:00
parent a4a9f0c491
commit dee006449d
4 changed files with 7 additions and 7 deletions

View File

@ -5,7 +5,7 @@ import FileSaver from "file-saver";
import * as PropTypes from "prop-types";
import ExportEventsButton from "./ExportEventsButton";
export default class EventsAndButtonComponent extends Component {
export default class EventsButtonsComponent extends Component {
constructor(props) {
super(props);
this.state = {
@ -26,7 +26,7 @@ export default class EventsAndButtonComponent extends Component {
<div>
<EventsModal events={this.props.events} showEvents={this.state.isShow} hideCallback={this.hide} exportFilename={this.props.exportFilename} />
<div className="text-center" style={{"display": "grid"}}>
<Button className="btn btn-info" onClick={this.show}>
<Button className="btn btn-info btn-lg" onClick={this.show}>
Show Events
</Button>
<ExportEventsButton onClick={() => {
@ -41,7 +41,7 @@ export default class EventsAndButtonComponent extends Component {
}
EventsAndButtonComponent.propTypes = {
EventsButtonsComponent.propTypes = {
events: PropTypes.array,
exportFilename: PropTypes.string,
};

View File

@ -4,7 +4,7 @@ import * as PropTypes from "prop-types";
export default class ExportEventsButton extends Component {
render() {
return <Button className="btn btn-primary"
return <Button className="btn btn-primary btn-lg"
onClick={this.props.onClick}
>
Export Events

View File

@ -1,6 +1,6 @@
import React, {Component, Fragment} from "react";
import PillarLabel from "./PillarLabel";
import EventsAndButtonComponent from "./EventsAndButtonComponent";
import EventsButtonsComponent from "./EventsButtonsComponent";
import {ZeroTrustStatuses} from "./ZeroTrustPillars";
import {FindingsTable} from "./FindingsTable";

View File

@ -3,7 +3,7 @@ import StatusLabel from "./StatusLabel";
import PaginatedTable from "../common/PaginatedTable";
import * as PropTypes from "prop-types";
import PillarLabel from "./PillarLabel";
import EventsAndButtonComponent from "./EventsAndButtonComponent";
import EventsButtonsComponent from "./EventsButtonsComponent";
const columns = [
{
@ -16,7 +16,7 @@ const columns = [
{
Header: 'Events', id: "events",
accessor: x => {
return <EventsAndButtonComponent events={x.events} exportFilename={"Events_" + x.test_key}/>;
return <EventsButtonsComponent events={x.events} exportFilename={"Events_" + x.test_key}/>;
},
maxWidth: 160,
},