diff --git a/frontend/app/components/Client/CustomFields/CustomFields.js b/frontend/app/components/Client/CustomFields/CustomFields.js index 2b875e439..081f11a58 100644 --- a/frontend/app/components/Client/CustomFields/CustomFields.js +++ b/frontend/app/components/Client/CustomFields/CustomFields.js @@ -23,7 +23,7 @@ import { confirm } from 'UI/Confirmation'; }) @withPageTitle('Metadata - OpenReplay Preferences') class CustomFields extends React.Component { - state = { showModal: false, currentSite: this.props.sites.get(0) }; + state = { showModal: false, currentSite: this.props.sites.get(0), deletingItem: null }; componentWillMount() { const activeSite = this.props.sites.get(0); @@ -60,15 +60,15 @@ class CustomFields extends React.Component { confirmation: `Are you sure you want to remove?` })) { const { currentSite } = this.state; - this.props.remove(currentSite.id, field.index).then(() => { - - }); + this.setState({ deletingItem: field.index }); + this.props.remove(currentSite.id, field.index) + .then(() => this.setState({ deletingItem: null })); } } render() { const { fields, field, loading } = this.props; - const { showModal, currentSite } = this.state; + const { showModal, currentSite, deletingItem } = this.state; return (
{ fields.filter(i => i.index).map(field => ( { +const ListItem = ({ field, onEdit, onDelete, disabled }) => { return ( -
field.index != 0 && onEdit(field) } > +
field.index != 0 && onEdit(field) } > { field.key }
{ e.stopPropagation(); onDelete(field) } }> diff --git a/frontend/app/components/Client/CustomFields/listItem.css b/frontend/app/components/Client/CustomFields/listItem.css index a46ac7a73..cc1b0806f 100644 --- a/frontend/app/components/Client/CustomFields/listItem.css +++ b/frontend/app/components/Client/CustomFields/listItem.css @@ -47,4 +47,9 @@ border-radius: 10px; background-color: $gray-lightest; box-shadow: 0 0 0 1px $gray-light inset; +} + +.disabled { + opacity: 0.5; + pointer-events: none; } \ No newline at end of file diff --git a/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js b/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js index 9b5d9ce66..b0dca0956 100644 --- a/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js +++ b/frontend/app/components/Session_/EventsBlock/Metadata/Metadata.js @@ -4,18 +4,19 @@ import { NoContent, IconButton, Popup } from 'UI'; import withToggle from 'HOCs/withToggle'; import MetadataItem from './MetadataItem'; import stl from './metadata.css'; +import cn from 'classnames'; export default connect(state => ({ metadata: state.getIn([ 'sessions', 'current', 'metadata' ]), }))(function Metadata ({ metadata }) { const [ visible, setVisible ] = useState(false); - const toggle = useCallback(() => metadata.size > 0 && setVisible(v => !v), []); + const toggle = useCallback(() => metadata.length > 0 && setVisible(v => !v), []); return ( <> ({ primaryText active={ visible } id="metadata-button" + // disabled={ metadata.length === 0 } /> } content={ diff --git a/frontend/app/components/shared/TrackerUpdateMessage/TrackerUpdateMessage.js b/frontend/app/components/shared/TrackerUpdateMessage/TrackerUpdateMessage.js index 32cabf8d3..a5fe4411c 100644 --- a/frontend/app/components/shared/TrackerUpdateMessage/TrackerUpdateMessage.js +++ b/frontend/app/components/shared/TrackerUpdateMessage/TrackerUpdateMessage.js @@ -12,7 +12,7 @@ const TrackerUpdateMessage= (props) => { const hasSessions = !!activeSite && !activeSite.recorded; const appVersionInt = parseInt(window.ENV.TRACKER_VERSION.split(".").join("")) const trackerVersionInt = site.trackerVersion ? parseInt(site.trackerVersion.split(".").join("")) : 0 - const needUpdate = !hasSessions && trackerVersionInt > appVersionInt; + const needUpdate = !hasSessions && appVersionInt > trackerVersionInt; return needUpdate ? ( <> {( diff --git a/frontend/app/player/MessageDistributor/managers/AssistManager.ts b/frontend/app/player/MessageDistributor/managers/AssistManager.ts index f4947b1a5..2ccea1ad5 100644 --- a/frontend/app/player/MessageDistributor/managers/AssistManager.ts +++ b/frontend/app/player/MessageDistributor/managers/AssistManager.ts @@ -458,7 +458,7 @@ export default class AssistManager { name: store.getState().getIn([ 'user', 'account', 'name']), }); - // this.md.overlay.addEventListener("mousemove", this.onMouseMove) + this.md.overlay.addEventListener("mousemove", this.onMouseMove) // this.md.overlay.addEventListener("click", this.onMouseClick) }); //call.peerConnection.addEventListener("track", e => console.log('newtrack',e.track)) diff --git a/frontend/env.js b/frontend/env.js index ad71e1479..f7c49c874 100644 --- a/frontend/env.js +++ b/frontend/env.js @@ -21,7 +21,7 @@ const oss = { MINIO_ACCESS_KEY: process.env.MINIO_ACCESS_KEY, MINIO_SECRET_KEY: process.env.MINIO_SECRET_KEY, ICE_SERVERS: process.env.ICE_SERVERS, - TRACKER_VERSION: '3.4.12', // trackerInfo.version, + TRACKER_VERSION: '3.4.16', // trackerInfo.version, } module.exports = {