Fakultas Ilmu Komputer UI

Index.jsx 1.45 KB
Newer Older
1
2
3
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, browserHistory } from 'react-router';
4
import { Segment, Modal, Button, Icon, Image as ImageComponent, Item, TextArea, Forms } from 'semantic-ui-react';
5
6
import Dashboard from './Dashboard';
import Login from './Login';
7
import VacancyPage from './VacancyPage';
8
import CompanyRegister from './CompanyRegister';
9
// import Register from './CompanyRegister'
10
11
12
13
14
15
16
17
18
19
20
21
22
import Pane from './components/Pane';
import Tabs from './components/Tabs';
import ModalAlert from './components/ModalAlert';

export const Profile = () => (
  <Segment>
    <img src="http://semantic-ui.com/images/wireframe/media-paragraph.png" alt="wire-frame" />
  </Segment>
);

export const App = () => (
  <Router history={browserHistory}>
    <Route path="/login" component={Login} />
23
    <Route path="/register" component={CompanyRegister} />
24
    {/*<Route path="/register" component={Register} />*/}
25
26
27
    <Route component={Dashboard}>
      <Route path="/" component={Profile} />
      <Route path="profile" component={Profile} />
28
      <Route path="lowongan" component={VacancyPage} />
29
30
31
32
33
34
35
36
37
      <Route path="users" component={Profile} />
    </Route>
  </Router>
);

const paragraph = <ImageComponent src="http://semantic-ui.com/images/wireframe/short-paragraph.png" />;
const imageWireFrame = <Item.Image size="small" src="http://semantic-ui.com/images/wireframe/image.png" />;

ReactDOM.render(<App />, document.getElementById('react-app'));