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);
}