github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-09 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #680 from prymitive/animate-updates

Browse Source 
feat(ui): flash annotation text on changes
This commit is contained in:
Łukasz Mierzwa
2019-05-05 21:05:19 +01:00
committed by GitHub
parent ee2667744d d75ad0434e
commit 52e3a769c4
6 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
ui/package.json
View File

@@ -45,6 +45,7 @@
"react-onclickoutside": "6.8.0",
"react-popper": "1.3.3",
"react-resize-detector": "4.1.3",
"react-reveal": "1.2.2",
"react-scripts": "3.0.0",
"react-select": "2.4.3",
"react-tippy": "1.2.3",

8
ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
View File

@@ -29,7 +29,9 @@ exports[`<Alert /> matches snapshot when inhibited 1`] = `
help:
</span>
<span class=\\"Linkify\\">
some long text
<span style=\\"opacity: 1;\\">
some long text
</span>
</span>
</div>
</div>
@@ -187,7 +189,9 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
help:
</span>
<span class=\\"Linkify\\">
some long text
<span style=\\"opacity: 1;\\">
some long text
</span>
</span>
</div>
</div>

4
ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap
View File

@@ -78,7 +78,9 @@ exports[`<RenderNonLinkAnnotation /> matches snapshot when visible=true 1`] = `
foo:
</span>
<span class=\\"Linkify\\">
some long text
<span>
some long text
</span>
</span>
</div>
</div>

6
ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js
View File

@@ -6,6 +6,8 @@ import { observer, inject } from "mobx-react";
import Linkify from "react-linkify";
import Flash from "react-reveal/Flash";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalLinkAlt";
import { faSearchPlus } from "@fortawesome/free-solid-svg-icons/faSearchPlus";
@@ -93,7 +95,9 @@ const RenderNonLinkAnnotation = inject("alertStore")(
rel: "noopener noreferrer"
}}
>
{value}
<Flash spy={value}>
<span>{value}</span>
</Flash>
</Linkify>
</div>
</TooltipWrapper>

8
ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
View File

@@ -29,7 +29,9 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
summary:
</span>
<span class=\\"Linkify\\">
This is summary
<span style=\\"opacity: 1;\\">
This is summary
</span>
</span>
</div>
</div>
@@ -172,7 +174,9 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
summary:
</span>
<span class=\\"Linkify\\">
This is summary
<span style=\\"opacity: 1;\\">
This is summary
</span>
</span>
</div>
</div>

7
ui/yarn.lock
View File

@@ -9343,6 +9343,13 @@ react-resize-detector@4.1.3:
raf-schd "^4.0.0"
resize-observer-polyfill "^1.5.1"
react-reveal@1.2.2:
version "1.2.2"
resolved "https://registry.yarnpkg.com/react-reveal/-/react-reveal-1.2.2.tgz#f47fbc44debc4c185ae2163a215a9e822c7adfef"
integrity sha512-JCv3fAoU6Z+Lcd8U48bwzm4pMZ79qsedSXYwpwt6lJNtj/v5nKJYZZbw3yhaQPPgYePo3Y0NOCoYOq/jcsisuw==
dependencies:
prop-types "^15.5.10"
react-scripts@3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-3.0.0.tgz#a715613ef3eace025907b409cec8505096e0233e"