forked from elastic/kibana
-
Notifications
You must be signed in to change notification settings - Fork 0
/
state_change.tsx
38 lines (32 loc) · 1012 Bytes
/
state_change.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0; you may not use this file except in compliance with the Elastic License
* 2.0.
*/
import React, { FC } from 'react';
import { EuiAccordion } from '@elastic/eui';
import { formatters } from 'jsondiffpatch';
import { RecordedAction } from '../types';
interface Props {
action: RecordedAction | null;
}
export const StateChange: FC<Props> = ({ action }) => {
if (!action) {
return null;
}
const { change, previousState } = action;
const html = formatters.html.format(change, previousState);
formatters.html.hideUnchanged();
return (
<EuiAccordion
className="panel__stateChange"
id="state_change"
initialIsOpen={true}
buttonContent="State Change"
>
{/* eslint-disable-next-line react/no-danger */}
<div dangerouslySetInnerHTML={{ __html: html }} />
</EuiAccordion>
);
};