From a9471ac4bfcb51129b033ac82fa8a7fb2852e51b Mon Sep 17 00:00:00 2001
From: Matej Minar <matej.minar@sentry.io>
Date: Mon, 27 Jul 2020 15:54:56 +0200
Subject: [PATCH] feat(ui): Add redux context ui (#19807)

---
 .../sentry/app/components/events/contexts.jsx |  1 +
 .../app/components/events/contexts/redux.tsx  | 33 +++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 src/sentry/static/sentry/app/components/events/contexts/redux.tsx

diff --git a/src/sentry/static/sentry/app/components/events/contexts.jsx b/src/sentry/static/sentry/app/components/events/contexts.jsx
index 74ccf99541b4a..00ca51e67ba92 100644
--- a/src/sentry/static/sentry/app/components/events/contexts.jsx
+++ b/src/sentry/static/sentry/app/components/events/contexts.jsx
@@ -15,6 +15,7 @@ const CONTEXT_TYPES = {
   user: require('app/components/events/contexts/user/user').default,
   gpu: require('app/components/events/contexts/gpu/gpu').default,
   trace: require('app/components/events/contexts/trace/trace').default,
+  'redux.state': require('app/components/events/contexts/redux').default,
 };
 
 function getContextComponent(type) {
diff --git a/src/sentry/static/sentry/app/components/events/contexts/redux.tsx b/src/sentry/static/sentry/app/components/events/contexts/redux.tsx
new file mode 100644
index 0000000000000..b6308c24f6bbf
--- /dev/null
+++ b/src/sentry/static/sentry/app/components/events/contexts/redux.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+
+import {t} from 'app/locale';
+import ContextBlock from 'app/components/events/contexts/contextBlock';
+import {KeyValueListData} from 'app/components/events/interfaces/keyValueList/types';
+import ClippedBox from 'app/components/clippedBox';
+
+type Props = {
+  alias: string;
+  data: Record<string, any>;
+};
+
+class ReduxContextType extends React.Component<Props> {
+  getKnownData(): KeyValueListData[] {
+    return [
+      {
+        key: 'value',
+        subject: t('Latest State'),
+        value: this.props.data,
+      },
+    ];
+  }
+
+  render() {
+    return (
+      <ClippedBox clipHeight={250}>
+        <ContextBlock knownData={this.getKnownData()} />
+      </ClippedBox>
+    );
+  }
+}
+
+export default ReduxContextType;