feat(ui): Add redux context ui (#19807)

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) {

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;