merge

src/components/Log/index.js

@@ -70,6 +70,11 @@ const ButtonCopy = styled(Button)`
     margin-top: 10px;
 `;
 
+const TooltipContainer = styled.div`
+    display: flex;
+    flex-direction: row;
+`;
+
 const Log = (props: Props) => {
     if (!props.log.opened) return null;
 
@@ -93,13 +98,16 @@ const Log = (props: Props) => {
                 <ReactJson src={props.log.entries} />
             </LogWrapper>
             {props.log.copied ? (
-                <Tooltip
+                <TooltipContainer>
-                    maxWidth={285}
+                    <Tooltip
-                    placement="top"
+                        maxWidth={285}
-                    content={<FormattedMessage {...l10nMessages.TR_COPIED} />}
+                        placement="top"
-                >
+                        content={<FormattedMessage {...l10nMessages.TR_COPIED} />}
-                    {copyBtn}
+                        onHidden={props.resetCopyState}
-                </Tooltip>
+                    >
+                        {copyBtn}
+                    </Tooltip>
+                </TooltipContainer>
             ) : (
                 <CopyWrapper>{copyBtn}</CopyWrapper>
             )}