jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui): add project key to all integration plugins

Browse source
This commit is contained in:
sylenien 2022-08-30 12:46:09 +02:00
parent 7b5b9c7b1a
commit 73ea3e6556
11 changed files with 20 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/app/components/Client/Integrations/AssistDoc/AssistDoc.js
View file

@ -5,6 +5,7 @@ import AssistScript from './AssistScript';
import AssistNpm from './AssistNpm';
import { Tabs } from 'UI';
import { useState } from 'react';
import { connect } from 'react-redux';
const NPM = 'NPM';
const SCRIPT = 'SCRIPT';
@ -53,4 +54,4 @@ const AssistDoc = (props) => {
AssistDoc.displayName = 'AssistDoc';
export default AssistDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(AssistDoc)

3
frontend/app/components/Client/Integrations/AxiosDoc/AxiosDoc.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import Highlight from 'react-highlight';
import ToggleContent from 'Shared/ToggleContent';
import DocLink from 'Shared/DocLink/DocLink';
import { connect } from 'react-redux';
const AxiosDoc = (props) => {
const { projectKey } = props;
@ -65,4 +66,4 @@ function MyApp() {
AxiosDoc.displayName = 'AxiosDoc';
export default AxiosDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(AxiosDoc)

3
frontend/app/components/Client/Integrations/FetchDoc/FetchDoc.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import Highlight from 'react-highlight';
import ToggleContent from 'Shared/ToggleContent';
import DocLink from 'Shared/DocLink/DocLink';
import { connect } from 'react-redux';
const FetchDoc = (props) => {
const { projectKey } = props;
@ -69,4 +70,4 @@ fetch('https://api.openreplay.com/').then(response => console.log(response.json(
FetchDoc.displayName = 'FetchDoc';
export default FetchDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(FetchDoc)

3
frontend/app/components/Client/Integrations/GraphQLDoc/GraphQLDoc.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import Highlight from 'react-highlight';
import DocLink from 'Shared/DocLink/DocLink';
import ToggleContent from 'Shared/ToggleContent';
import { connect } from 'react-redux';
const GraphQLDoc = (props) => {
const { projectKey } = props;
@ -69,4 +70,4 @@ export const recordGraphQL = tracker.use(trackerGraphQL());`}
GraphQLDoc.displayName = 'GraphQLDoc';
export default GraphQLDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(GraphQLDoc)

2
frontend/app/components/Client/Integrations/Integrations.tsx
View file

@ -156,7 +156,7 @@ const integrations = [
},
{
title: 'Plugins',
isProject: false,
isProject: true,
description:
"Reproduce issues as if they happened in your own browser. Plugins help capture your application's store, HTTP requeets, GraphQL queries, and more.",
integrations: [

3
frontend/app/components/Client/Integrations/MobxDoc/MobxDoc.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import Highlight from 'react-highlight';
import ToggleContent from 'Shared/ToggleContent';
import DocLink from 'Shared/DocLink/DocLink';
import { connect } from 'react-redux';
const MobxDoc = (props) => {
const { projectKey } = props;
@ -66,4 +67,4 @@ function SomeFunctionalComponent() {
MobxDoc.displayName = 'MobxDoc';
export default MobxDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(MobxDoc)

3
frontend/app/components/Client/Integrations/NgRxDoc/NgRxDoc.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import Highlight from 'react-highlight';
import ToggleContent from 'Shared/ToggleContent';
import DocLink from 'Shared/DocLink/DocLink';
import { connect } from 'react-redux';
const NgRxDoc = (props) => {
const { projectKey } = props;
@ -79,4 +80,4 @@ const metaReducers = [tracker.use(trackerNgRx(<options>))]; // check list of ava
NgRxDoc.displayName = 'NgRxDoc';
export default NgRxDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(NgRxDoc)

3
frontend/app/components/Client/Integrations/ProfilerDoc/ProfilerDoc.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import Highlight from 'react-highlight';
import ToggleContent from 'Shared/ToggleContent';
import DocLink from 'Shared/DocLink/DocLink';
import { connect } from 'react-redux';
const ProfilerDoc = (props) => {
const { projectKey } = props;
@ -73,4 +74,4 @@ const fn = profiler('call_name')(() => {
ProfilerDoc.displayName = 'ProfilerDoc';
export default ProfilerDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(ProfilerDoc)

3
frontend/app/components/Client/Integrations/ReduxDoc/ReduxDoc.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import Highlight from 'react-highlight';
import ToggleContent from '../../../shared/ToggleContent';
import DocLink from 'Shared/DocLink/DocLink';
import { connect } from 'react-redux';
const ReduxDoc = (props) => {
const { projectKey } = props;
@ -72,4 +73,4 @@ const store = createStore(
ReduxDoc.displayName = 'ReduxDoc';
export default ReduxDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(ReduxDoc)

4
frontend/app/components/Client/Integrations/SlackForm.tsx
View file

@ -7,14 +7,12 @@ import { useModal } from 'App/components/Modal';
import { Button } from 'UI';
interface Props {
onEdit: (integration: any) => void;
onEdit?: (integration: any) => void;
istance: any;
fetchList: any;
init: any;
}
const SlackForm = (props: Props) => {
const { istance } = props;
const { hideModal } = useModal();
const [active, setActive] = React.useState(false);
const onEdit = () => {

3
frontend/app/components/Client/Integrations/VueDoc/VueDoc.js
View file

@ -2,6 +2,7 @@ import React from 'react';
import Highlight from 'react-highlight';
import ToggleContent from '../../../shared/ToggleContent';
import DocLink from 'Shared/DocLink/DocLink';
import { connect } from 'react-redux';
const VueDoc = (props) => {
const { projectKey } = props;
@ -75,4 +76,4 @@ const store = new Vuex.Store({
VueDoc.displayName = 'VueDoc';
export default VueDoc;
export default connect((state) => ({ projectKey: state.getIn(['site', 'instance', 'projectKey'])}) )(VueDoc)