diff --git a/frontend/app/components/Session_/EventsBlock/EventsBlock.js b/frontend/app/components/Session_/EventsBlock/EventsBlock.js index d9309a141..56e955160 100644 --- a/frontend/app/components/Session_/EventsBlock/EventsBlock.js +++ b/frontend/app/components/Session_/EventsBlock/EventsBlock.js @@ -1,6 +1,7 @@ import React from 'react'; import { connect } from 'react-redux'; import cn from 'classnames'; +import { Icon } from 'UI'; import { List, AutoSizer, CellMeasurer, CellMeasurerCache } from "react-virtualized"; import { TYPES } from 'Types/session/event'; import { setSelected } from 'Duck/events'; @@ -185,6 +186,7 @@ export default class EventsBlock extends React.PureComponent { const _events = filteredEvents || events; + const isEmptySearch = query && (_events.size === 0 || !_events) return ( <>
@@ -207,6 +209,12 @@ export default class EventsBlock extends React.PureComponent { onMouseOver={ this.onMouseOver } onMouseLeave={ this.onMouseLeave } > + {isEmptySearch && ( +
+ + No Matching Results +
+ )} {({ height }) => ( activeTarget(index)}>
-
{index + 1}
+ {/* @ts-ignore */} +
{index + 1}
{target.selector}
{ showContent && ( diff --git a/frontend/app/components/Session_/Player/Controls/Timeline.js b/frontend/app/components/Session_/Player/Controls/Timeline.js index cb6cc2715..d1036084e 100644 --- a/frontend/app/components/Session_/Player/Controls/Timeline.js +++ b/frontend/app/components/Session_/Player/Controls/Timeline.js @@ -87,6 +87,7 @@ export default class Timeline extends React.PureComponent { const { endTime } = this.props; const p = e.nativeEvent.offsetX / e.target.offsetWidth; const time = Math.max(Math.round(p * endTime), 0); + console.log(p, time, e, endTime) this.props.jump(time); } diff --git a/frontend/app/components/ui/Toggler/toggler.module.css b/frontend/app/components/ui/Toggler/toggler.module.css index 6f9770c34..26d82880c 100644 --- a/frontend/app/components/ui/Toggler/toggler.module.css +++ b/frontend/app/components/ui/Toggler/toggler.module.css @@ -41,7 +41,7 @@ bottom: -2px; transition: .4s; border-radius: 50%; - background: inherit; + background: $gray-medium; box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12); }