Use Message Component

2026-08-08 11:28:12 +08:00 · 2018-09-12 22:01:43 +02:00
parent aa904ab0e2
commit c8cd68c6b7
5 changed files with 18 additions and 12 deletions
@@ -15,6 +15,8 @@ import {
  Button,
  Flex,
  HorizontalGutter,
+  Message,
+  MessageIcon,
  RelativeTime,
  Typography,
  ValidationMessage,
@@ -102,14 +104,15 @@ const EditCommentForm: StatelessComponent<EditCommentFormProps> = props => {
                </ValidationMessage>
              </Localized>
            ) : (
-              <ValidationMessage fullWidth>
+              <Message fullWidth>
+                <MessageIcon>alarm</MessageIcon>
                <Localized
                  id="comments-editCommentForm-editRemainingTime"
                  time={<RelativeTime date={props.editableUntil} live />}
                >
                  <span>{"Edit: <time></time> remaining"}</span>
                </Localized>
-              </ValidationMessage>
+              </Message>
            )}
            <Flex direction="row" justifyContent="flex-end" itemGutter="half">
              {props.expired ? (