[#140654507] #12 Page register company

assets/css/custom.css

@@ -109,15 +109,14 @@ font-size: 30px;
 }
 
 .registerForm{
-  width: 500px;
+  width: 800px;
   margin: 0 auto;
   padding:50px;
-  background-color: white;
+  background-color: #3B8686;
 
 }
 
 .register{
-  background-color: white;
   background-color:#3B8686;
 
 }
@@ -141,3 +140,6 @@ input.active:invalid {
   margin-top: 5px;
 }
 
+card .formRegis{
+  margin-top: 100px;
+}
\ No newline at end of file

assets/js/CompanyRegister.jsx

 import React from 'react';
-import { Button, Checkbox, Form, Input, TextArea, Grid, Divider, Header, Icon} from 'semantic-ui-react';
+import { Button, Checkbox, Form, Input, TextArea, Grid, Divider, Header, Icon, Card } from 'semantic-ui-react';
 
 export default class companyRegister extends React.Component {
 
   render = () => (
 
      <div  className="register">
+
         <div className="registerForm">
+        <Card fluid >
+            <Card.Content>
                  <Form>
                      <Header as='h2' icon textAlign='center'>
                       <Icon name='signup' circular />
@@ -16,7 +19,7 @@ export default class companyRegister extends React.Component {
                     </Header>
                     <Form.Field required>
                       <label>Email</label>
-                      <Input type="text" id="email" icon='user' iconPosition='left' placeholder="email" required />
+                      <Input  type="text" id="email" icon='user' iconPosition='left' placeholder="email" required />
                     </Form.Field>
                     <Form.Field required>
                       <label>Password</label>
@@ -57,9 +60,11 @@ export default class companyRegister extends React.Component {
                     </Form.Field >
                     <Button type='submit' floated='right' color='blue'>Submit</Button>
                  </Form>
-             </div>
-     </div>
+            </Card.Content>
+        </Card>
+        </div>
 
+     </div>
 
         )
 }

assets/js/Index.jsx

@@ -5,6 +5,7 @@ import { Segment, Modal, Button, Icon, Image as ImageComponent, Item, TextArea,
 import Dashboard from './Dashboard';
 import Login from './Login';
 import VacancyPage from './VacancyPage';
+import CompanyRegister from './CompanyRegister';
 // import Register from './CompanyRegister'
 import Pane from './components/Pane';
 import Tabs from './components/Tabs';
@@ -19,6 +20,7 @@ export const Profile = () => (
 export const App = () => (
   <Router history={browserHistory}>
     <Route path="/login" component={Login} />
+    <Route path="/register" component={CompanyRegister} />
     {/*<Route path="/register" component={Register} />*/}
     <Route component={Dashboard}>
       <Route path="/" component={Profile} />

assets/js/components/Lowongan.jsx

@@ -20,7 +20,7 @@ export default class Lowongan extends React.Component {
             <Item.Description>{this.props.content}</Item.Description>
             <Item.Extra>
 
-                <h4>{ this.props.data.data1 }</h4>
+                <h3>{ this.props.data.data1 }</h3>
                 {paragraph}
 
                 <ModalPendaftaran id={1} data={ { header: 'Deskripsi Lowongan', description: 'Lorem ipsum dolor sit amet, consectetur' +

assets/js/components/TopMenu.jsx

@@ -6,12 +6,15 @@ import Server from '../lib/Server';
 export default class TopMenu extends React.Component {
   state = { activeItem: 'home' };
 
+  handleItemClick = (e, { name2 }) => this.setState({ activeItem: name })
+
   render() {
+      const { activeItem } = this.state
     return (
       <Menu pointing secondary>
         <Image as="a" size="small" src="/assets/img/logo.png" href="/" />
         <Menu.Menu position="right">
-          <Menu.Item as={Link} to="/home" name="home" />
+          <Menu.Item as={Link} to="/lowongan" name="home" />
           <Menu.Item as={Link} to="/profile" name="profil" />
           {Server.isLoggedIn() ?
             <Menu.Item as={Link} href="/api/api-auth/logout/?next=/" name="logout" /> :