Fakultas Ilmu Komputer UI

Skip to content
Snippets Groups Projects
Select Git revision
1 result Searching

no-2.js

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    AdminVerificationModal.jsx 1.61 KiB
    import React from 'react';
    import { Button, Header, Modal, Grid } from 'semantic-ui-react';
    
    export default class AdminVerificationModal extends React.Component {
    
      state = { modalOpen: false }
    
      handleOpen = () => this.setState({
        modalOpen: true,
      });
    
      handleClose = () => this.setState({
        modalOpen: false,
      });
    
      render() {
        return (
    
          <Modal
            trigger={
              <Button color="blue" icon="right chevron" labelPosition="right" floated="right" content="ubah" onClick={this.handleOpen} />
            }
            closeIcon="close"
            open={this.state.modalOpen}
            onClose={this.handleClose}
          >
            <Modal.Header>Software Engineer</Modal.Header>
            <Modal.Content >
              <Modal.Description>
                <Header>Deskripsi Lowongan</Header>
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit,
                  sed do eiusmod tempor incididunt ut labore et dolore
                  magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                  laboris nisi ut aliquip ex ea commodo consequat.
              </Modal.Description>
            </Modal.Content>
    
            <Modal.Actions>
              <Grid columns={2} >
                <Grid.Column>
                  <Button color="red" floated="left" onClick={this.handleClose} >Hapus</Button>
                </Grid.Column>
                <Grid.Column>
                  <Button color="blue" floated="right" onClick={this.handleClose}>Ubah</Button>
                  <Button color="green" floated="right" onClick={this.handleClose}>Verifikasi</Button>
                </Grid.Column>
              </Grid>
            </Modal.Actions>
    
          </Modal>
        );
      }
    }