fixed

src/ts/containers/test/ProbeDown.tsx

@@ -11,13 +11,13 @@ export interface Props {
 
 }
 
-const osNames = ["Windows","Debian","Ubuntu","Fedora"];
+const osNames = ["Windows","Debian","Ubuntu","Fedora", "CentOS"];
 
 export class ProbeDown extends React.Component<any, any> {
   constructor(props: any, context: any) {
     super(props, context);
 
-  this.state = { activeItem: 'Windows' }
+  this.state = { activeItem: osNames[0] }
 
   
   }
@@ -35,10 +35,14 @@ const { activeItem } = this.state
        <Grid>
         <Grid.Column width={4}>
           <Menu fluid vertical tabular>
-            <Menu.Item name='Windows' active={activeItem === 'Windows'} onClick={this.handleItemClick} />
-            <Menu.Item name='Debian' active={activeItem === 'Debian'} onClick={this.handleItemClick} />
-            <Menu.Item name='Ubuntu' active={activeItem === 'Ubuntu'} onClick={this.handleItemClick} />
-            <Menu.Item name='Fedora' active={activeItem === 'Fedora'} onClick={this.handleItemClick} />
+            {osNames.map((os: string) => {
+                  return (
+                     <Menu.Item name={os} active={activeItem === os} onClick={this.handleItemClick} />
+                  )
+            })}
+
+
+           
           </Menu>
         </Grid.Column>
         

src/ts/containers/test/SignIn.tsx

@@ -15,12 +15,16 @@ export class SignIn extends React.Component<any, any> {
   constructor(props: any, context: any) {
     super(props, context);
 
+    
+
     this.state = {
       forgotPopup: false,
     };
 
 
   }
+forgotPopupOpen = () => this.setState({ forgotPopup: true });
+  forgotPopupClose = () => this.setState({ forgotPopup: false });
 
 
   render() {
@@ -35,7 +39,8 @@ export class SignIn extends React.Component<any, any> {
         <Label>  Password  </Label>
         <Input placeholder='Password' type='password' />
         <br />
-        <Modal trigger={<Button>Forgot Password</Button>}>
+        <Button onClick={this.forgotPopupOpen}>Forgot Password</Button>
+        <Modal size='small' open={this.state.forgotPopup} onClose={this.forgotPopupClose}>
           <Modal.Header>Change your password Enter email address.</Modal.Header>
           <Modal.Content >
             <Label>  Email  </Label>
@@ -43,14 +48,14 @@ export class SignIn extends React.Component<any, any> {
 
           </Modal.Content>
           <Modal.Actions>
-            <Button basic color='blue' >              Submit      </Button>
-            <Button >              Cancel      </Button>
+            <Button basic color='blue'  >              Submit      </Button>
+            <Button onClick={this.forgotPopupClose}>              Cancel      </Button>
           </Modal.Actions>
         </Modal>
         <br />
 
         <Button>    Sign In  </Button>
-        <Button>    Sign Up  </Button>
+        <Button href='/#/test2'>    Sign Up  </Button>
 
 
 

src/ts/containers/test/TopBar.tsx

@@ -46,31 +46,20 @@ export class TopBar extends React.Component<any, any> {
     return (
       <div>
         <Menu>
-          <Menu.Item>           Home    </Menu.Item>
+          <Menu.Item href='//google.com' target='_blank'>           Home    </Menu.Item>
           <Dropdown text='Monitoring' pointing className='link item'>
             <Dropdown.Menu>
-              <Dropdown.Header>Monitoring</Dropdown.Header>
-              <Dropdown.Item>
-                <Icon name='dropdown' />
-                <span className='text'>Probe</span>
-                <Dropdown.Menu>
-                  <Dropdown.Header>Mens</Dropdown.Header>
-                  <Dropdown.Item>Shirts</Dropdown.Item>
-                  <Dropdown.Item>Pants</Dropdown.Item>
-                  <Dropdown.Item>Jeans</Dropdown.Item>
-                  <Dropdown.Item>Shoes</Dropdown.Item>
-                  <Dropdown.Divider />
-                  <Dropdown.Header>Womens</Dropdown.Header>
-                  <Dropdown.Item>Dresses</Dropdown.Item>
-                  <Dropdown.Item>Shoes</Dropdown.Item>
-                  <Dropdown.Item>Bags</Dropdown.Item>
-                </Dropdown.Menu>
-              </Dropdown.Item>
+              <Dropdown.Item> Probe </Dropdown.Item>
               <Dropdown.Item>Sensors</Dropdown.Item>
-
             </Dropdown.Menu>
           </Dropdown>
-          <Menu.Item>            Infrastructure    </Menu.Item>
+          
+          <Dropdown text='Infrastructure' pointing className='link item'>
+            <Dropdown.Menu>
+              <Dropdown.Item> Maps </Dropdown.Item>
+              <Dropdown.Item>Targets</Dropdown.Item>
+            </Dropdown.Menu>
+          </Dropdown>
           <Menu.Item>            Dashboard    </Menu.Item>
           <Menu.Item>            Metrics    </Menu.Item>
           <Menu.Item>            Alert    </Menu.Item>
@@ -114,7 +103,7 @@ export class TopBar extends React.Component<any, any> {
             icon='labeled'
             vertical
             inverted
-            
+
           >
             <Menu.Item name='home'>
               <Icon name='home' />