From 6d5385b24f53d1249ce3c1925e35efb3eadcb627 Mon Sep 17 00:00:00 2001 From: Yannis Barlas <yannisbarlas@gmail.com> Date: Fri, 18 Sep 2020 18:48:37 +0300 Subject: [PATCH] do not hide comment reply buttons when no content --- .../src/ui/comments/CommentReply.js | 23 ++++++++++--------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/wax-prosemirror-components/src/ui/comments/CommentReply.js b/wax-prosemirror-components/src/ui/comments/CommentReply.js index 25c5992a9..b43381854 100644 --- a/wax-prosemirror-components/src/ui/comments/CommentReply.js +++ b/wax-prosemirror-components/src/ui/comments/CommentReply.js @@ -36,6 +36,7 @@ const Button = styled.button` padding: 8px 16px; ${props => props.primary && primary} + ${props => props.disabled && `cursor: not-allowed;`} `; const ButtonGroup = styled.div` @@ -77,17 +78,17 @@ const CommentReply = props => { /> </TextWrapper> - {value.length > 0 && ( - <ActionWrapper> - <ButtonGroup> - <Button disabled={value.length === 0} primary type="submit"> - Post - </Button> - - <Button onClick={resetValue}>Cancel</Button> - </ButtonGroup> - </ActionWrapper> - )} + <ActionWrapper> + <ButtonGroup> + <Button disabled={value.length === 0} primary type="submit"> + Post + </Button> + + <Button disabled={value.length === 0} onClick={resetValue}> + Cancel + </Button> + </ButtonGroup> + </ActionWrapper> </form> </Wrapper> ); -- GitLab