diff --git a/src/ts/@overflow/temp/react/components/Components.tsx b/src/ts/@overflow/temp/react/components/Components.tsx deleted file mode 100644 index ae8797f..0000000 --- a/src/ts/@overflow/temp/react/components/Components.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import * as React from 'react'; -import { Probes } from './Probes'; -import { NoauthProbes } from './NoauthProbes'; -import { SensorConfiguration } from './SensorConfiguration'; -import { Targets } from './Targets'; -import { Sensors } from './Sensors'; -import { Tab } from './commons/Tab'; - -// import Tab, { TabProps } from 'semantic-ui-react/dist/commonjs/modules/Tab'; - -export class Components extends React.Component { - - constructor(props: any, context: any) { - super(props, context); - this.state = { - }; - } - - render() { - - const items = [ - { name: 'Probes', child: }, - { name: 'NoauthProbes', child: }, - { name: 'Targets', child: }, - { name: 'SensorConfiguration', child: }, - { name: 'Sensors', child: }, - ]; - - return ( - - ); - } -} - - diff --git a/src/ts/@overflow/temp/react/components/NoauthProbes.tsx b/src/ts/@overflow/temp/react/components/NoauthProbes.tsx index ed5b1a5..83ee8db 100644 --- a/src/ts/@overflow/temp/react/components/NoauthProbes.tsx +++ b/src/ts/@overflow/temp/react/components/NoauthProbes.tsx @@ -1,5 +1,10 @@ import * as React from 'react'; -import { Table, Checkbox, Button, Header, Container } from 'semantic-ui-react'; +import { Table, + Checkbox, + Button, + Header, + Container, +} from 'semantic-ui-react'; export interface Props { diff --git a/src/ts/@overflow/temp/react/components/ProbeDetails.tsx b/src/ts/@overflow/temp/react/components/ProbeDetails.tsx index b8daa96..d2d3f45 100644 --- a/src/ts/@overflow/temp/react/components/ProbeDetails.tsx +++ b/src/ts/@overflow/temp/react/components/ProbeDetails.tsx @@ -1,9 +1,16 @@ import * as React from 'react'; -import { Button, Table, Label, Segment, Header, Container } from 'semantic-ui-react'; +import { Button, + Table, + Label, + Segment, + Header, + Container, +} from 'semantic-ui-react'; import { TargetTable } from './Targets'; export interface Props { probe: object; + onBack(): void; } export interface State { diff --git a/src/ts/@overflow/temp/react/components/ProbeDown.tsx b/src/ts/@overflow/temp/react/components/ProbeDown.tsx index a79eeda..e4869c4 100644 --- a/src/ts/@overflow/temp/react/components/ProbeDown.tsx +++ b/src/ts/@overflow/temp/react/components/ProbeDown.tsx @@ -1,35 +1,39 @@ -import *as React from 'react' +import *as React from 'react'; import { - Grid, Menu, Segment, MenuItemProps, Header, Container -} from 'semantic-ui-react' + Grid, + Menu, + Segment, + MenuItemProps, + Header, + Container, +} from 'semantic-ui-react'; export interface State { - + activeItem: string[]; } export interface Props { } -const osNames = ["Windows","Debian","Ubuntu","Fedora", "CentOS"]; +const osNames = ['Windows', 'Debian', 'Ubuntu', 'Fedora', 'CentOS']; export class ProbeDown extends React.Component { constructor(props: any, context: any) { super(props, context); - this.state = { activeItem: osNames[0] } - - + this.state = { activeItem: osNames[0] }; } -handleItemClick = (event: React.SyntheticEvent, data: MenuItemProps) => { - this.setState({ activeItem: data.name }) - console.log(data.name); -} + public handleItemClick = (event: React.SyntheticEvent, data: MenuItemProps): void => { + this.setState({ activeItem: data.name }); - render() { + console.log(data.name); + } -const { activeItem } = this.state + public render(): JSX.Element { + + const { activeItem } = this.state.activeItem; return (
Probe Download
@@ -37,16 +41,13 @@ const { activeItem } = this.state {osNames.map((os: string) => { - return ( - - ) + return ( + + ); })} - - - - + @@ -57,8 +58,5 @@ const { activeItem } = this.state
); } - - - }