Fakultas Ilmu Komputer UI

Skip to content
Snippets Groups Projects
Commit ef417274 authored by MADE WIRA DHANAR SANTIKA's avatar MADE WIRA DHANAR SANTIKA
Browse files

[GREEN] implements Notification component

parent 896a319b
Branches
No related tags found
1 merge request!231606880996 51 Menambahkan halaman notifikasi
Pipeline #21924 failed
import React from 'react';
import { Segment, Image, Button, Grid } from 'semantic-ui-react';
const defaultThumbnail = 'https://semantic-ui.com/images/wireframe/square-image.png';
export default class Notification extends React.Component {
static propTypes = {
thumbnail: React.PropTypes.string,
text: React.PropTypes.string.isRequired,
};
constructor(props) {
super(props);
};
render() {
return(
<Segment>
<Grid columns={3}>
<Grid.Row>
<Grid.Column floated="left" width={2}>
<Image
src={this.props.thumbnail ? this.props.thumbnail : defaultThumbnail}
size="tiny"
/>
</Grid.Column>
<Grid.Column width={12}>
<p>{this.props.text}</p>
</Grid.Column>
<Grid.Column floated="right" width={2}>
<Button primary>Dismiss</Button>
</Grid.Column>
</Grid.Row>
</Grid>
</Segment>
);
}
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment