[#140654507] #17 Page Modal Register

assets/css/custom.css

@@ -27,6 +27,7 @@ body {
 
 }
 
+
 .tabs {
   margin-top: 100px;
   margin-left:  150px;
@@ -65,6 +66,12 @@ body {
   height: 700px;
 }
 
+.register{
+margin-left:180px;
+margin-right:110px;
+
+}
+
 .formLogin{
 margin: 0 auto;
 margin-top: 100px;
@@ -77,6 +84,10 @@ padding: 20px;
 
 }
 
+.registerModal{
+  margin: 0 auto;
+}
+
 .bookmark{
   float: right;
 }
@@ -134,10 +145,7 @@ textarea{
   height: 160px !important;
 }
 
-.register{
-  background-color:#3B8686;
 
-}
 
 .note {
   color: gray;

assets/js/CompanyRegister.jsx

@@ -40,7 +40,7 @@ export default class companyRegister extends React.Component {
                         icon={{ name: 'attach', circular: true, link: true }}
                         placeholder='attach logo'
                         required
-                        type="File"
+
                       />
                     </Form.Field>
                     <Form.Field required>

assets/js/Login.jsx

 import React from 'react';
-import { Grid, Segment, Button, Header, Icon, Modal, Form, Input, TextArea, } from 'semantic-ui-react';
+import { Grid, Segment, Button, Header, Icon, Modal, Form, Input, TextArea, Card} from 'semantic-ui-react';
 import LoginForm from './components/LoginForm';
 
 export default class Login extends React.Component {
@@ -23,8 +23,19 @@ export default class Login extends React.Component {
         <Segment basic>
           <LoginForm type="company" header="Company Login" imgSrc="logo.png" imgSize="small" />
           {this.props.children}
-        </Segment>
-        <RegisterModal/>
+
+        </Segment >
+
+          <div className="register">
+            <Card>
+                <Card.Content>
+                    <Card.Header>
+                      New to us ?
+                    </Card.Header>
+                 <RegisterModal />
+                </Card.Content>
+             </Card>
+          </div>
 
       </Grid.Column>
 
@@ -41,8 +52,8 @@ export default class Login extends React.Component {
 }
 
 const RegisterModal = () => (
-  <Modal trigger={<Button>Show Modal</Button>} closeIcon='close'>
-    <Header icon='archive' content='Archive Old Messages' />
+  <Modal trigger={<Button primary floated="right">Register Here!</Button>} closeIcon='close'>
+    <Header icon='archive' content='Register for More Benefits' />
     <Modal.Content>
 
          <Form>
@@ -95,10 +106,12 @@ const RegisterModal = () => (
                       <Input placeholder='Provinsi' required />
                     </Form.Field >
 
+                         <Button type='submit' floated='right' color='blue'>Submit</Button>
                  </Form>
+
     </Modal.Content>
     <Modal.Actions>
-       <Button type='submit' floated='right' color='blue'>Submit</Button>
+
     </Modal.Actions>
   </Modal>
 )