[Refactor] Html CSS visual stuffs

assets/css/custom.css

@@ -115,7 +115,7 @@ font-size: 32px;
 }
 .daftar{
   float: right;
-  margin-top:10px; 
+  margin-top:10px;
 }
 
 .coverLetter{
@@ -132,7 +132,7 @@ font-size: 32px;
 
 .registerForm{
   margin: 0 auto;
-  padding:50px;
+  /*padding:50px;*/
   background-color: #3B8686;
 }
 
@@ -148,11 +148,6 @@ h5{
   color: black;
 }
 
-textarea{
-  width: 800px !important;
-  height: 160px !important;
-}
-
 .note {
   color: gray;
   margin: 8px 0;

assets/js/components/ModalAlert.jsx

@@ -31,17 +31,20 @@ export default class ModalAlert extends React.Component {
     this.setState({ open: false });
   };
 
-  render = () => (
-    <Modal open={this.state.open} basic size="small">
-      <Header icon="warning sign" content={this.state.header} />
-      <Modal.Content>
-        <p>{this.state.content}</p>
-      </Modal.Content>
-      <Modal.Actions>
-        <Button color="green" inverted onClick={this.close}>
-          <Icon name="checkmark" /> OK
-        </Button>
-      </Modal.Actions>
-    </Modal>
-  );
+  render = () => {
+    const style = { 'white-space': 'pre-wrap' };
+    return (
+      <Modal open={this.state.open} basic size="small">
+        <Header icon="warning sign" content={this.state.header} />
+        <Modal.Content>
+          <p style={style}>{this.state.content}</p>
+        </Modal.Content>
+        <Modal.Actions>
+          <Button color="green" inverted onClick={this.close}>
+            <Icon name="checkmark" /> OK
+          </Button>
+        </Modal.Actions>
+      </Modal>
+    );
+  };
 }

assets/js/components/RegisterModal.jsx

@@ -90,7 +90,7 @@ export default class RegisterModal extends React.Component {
           </Form.Field>
           <Form.Field required>
             <label htmlFor="description">Deskripsi</label>
-            <TextArea onChange={this.handleChange} placeholder="Tell us more" name="description" required />
+            <TextArea onChange={this.handleChange} placeholder="Tell us more" name="description" autoHeight required />
           </Form.Field>
           <Form.Field required>
             <label htmlFor="address">Alamat</label>

assets/js/components/Tabs.jsx

@@ -11,10 +11,6 @@ export default class Tabs extends React.Component {
     ]).isRequired,
   };
 
-  static defaultProps = () => ({
-    selected: 0,
-  });
-
   constructor(props) {
     super(props);
     this.state = {

assets/js/components/TopMenu.jsx

@@ -7,15 +7,15 @@ import Storage from '../lib/Storage';
 
 export default class TopMenu extends React.Component {
 
-  state = { activeItem: 'home' };
-    handleItemClick = (e, { name }) => this.setState({ activeItem: name });
-
   constructor(props) {
     super(props);
     /* istanbul ignore next */
+    this.state = { activeItem: 'home' };
     this.logout = this.logout.bind(this);
   }
 
+  handleItemClick = (e, { name }) => this.setState({ activeItem: name });
+
   logout = () => {
     Server.get('/api-auth/logout/?next=/', true).then(() => {
       Storage.clear();

assets/js/components/VacancyList.jsx

@@ -3,6 +3,7 @@ import { Segment, Item, Button } from 'semantic-ui-react';
 import Vacancy from './Vacancy';
 import CompanyVacancy from './CompanyVacancy';
 import Server from '../lib/Server';
+import {Link} from "react-router";
 
 export default class VacancyList extends React.Component {
 
@@ -73,7 +74,7 @@ export default class VacancyList extends React.Component {
       return (
         <div>
           <Button icon="eye" secondary labelPosition="left" content="Lihat Semua Pendaftar" />
-          <Button icon="add" secondary labelPosition="left" content="Tambah Lowongan Baru" />
+          <Button as={Link} to="/buat-lowongan" icon="add" secondary labelPosition="left" content="Tambah Lowongan Baru" />
         </div>
       );
     }
@@ -82,11 +83,11 @@ export default class VacancyList extends React.Component {
   }
 
   render = () => (
-  <div>
+    <div>
       { this.companyHeader() }
       <Item.Group relaxed>
         { this.generateVacancies() }
       </Item.Group>
-  </div>
+    </div>
   );
 }

core/templates/core/index.html

@@ -8,6 +8,7 @@
     <title>Yuk Cari Tempat Kape :)</title>
     <link rel="stylesheet" href="{% static 'css/custom.css' %}"/>
     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css"/>
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/react-datepicker/0.44.0/react-datepicker.min.css"/>
     <link rel="icon" type="image/png" href="{% static 'img/logo-sm.png'%}" sizes="32x32" />
   </head>