|
|
@ -5,7 +5,7 @@ import {UiStore, Message as UiMessage} from "../ui"; |
|
|
|
import {Message} from "semantic-ui-react"; |
|
|
|
import {Message} from "semantic-ui-react"; |
|
|
|
|
|
|
|
|
|
|
|
@observer |
|
|
|
@observer |
|
|
|
class MessagesView extends React.PureComponent<{ uiStore: UiStore }, {}> { |
|
|
|
export default class MessagesView extends React.PureComponent<{ uiStore: UiStore }, {}> { |
|
|
|
render() { |
|
|
|
render() { |
|
|
|
return <div className="messages"> |
|
|
|
return <div className="messages"> |
|
|
|
<CSSTransitionGroup transitionName="message" transitionAppear={true} transitionAppearTimeout={500} |
|
|
|
<CSSTransitionGroup transitionName="message" transitionAppear={true} transitionAppearTimeout={500} |
|
|
@ -27,4 +27,4 @@ class MessagesView extends React.PureComponent<{ uiStore: UiStore }, {}> { |
|
|
|
private dismiss(index: number) { |
|
|
|
private dismiss(index: number) { |
|
|
|
this.props.uiStore.messages.splice(index, 1); |
|
|
|
this.props.uiStore.messages.splice(index, 1); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|