From ef65998938caf38798568a07d2a4b3ccc20d2db7 Mon Sep 17 00:00:00 2001 From: nick-delirium Date: Fri, 13 Jan 2023 17:09:35 +0100 Subject: [PATCH] change(ui): some small fixes --- .../Player/LivePlayer/AssistDuration.tsx | 2 +- .../Player/LivePlayer/LiveControls.tsx | 2 +- .../LivePlayer}/LiveTag/LiveTag.module.css | 0 .../Player/LivePlayer}/LiveTag/LiveTag.tsx | 0 .../Player/LivePlayer}/LiveTag/index.js | 0 .../app/player/components/styles.module.css | 37 ------------------- 6 files changed, 2 insertions(+), 39 deletions(-) rename frontend/app/components/{shared => Session/Player/LivePlayer}/LiveTag/LiveTag.module.css (100%) rename frontend/app/components/{shared => Session/Player/LivePlayer}/LiveTag/LiveTag.tsx (100%) rename frontend/app/components/{shared => Session/Player/LivePlayer}/LiveTag/index.js (100%) diff --git a/frontend/app/components/Session/Player/LivePlayer/AssistDuration.tsx b/frontend/app/components/Session/Player/LivePlayer/AssistDuration.tsx index e6af38b25..226017722 100644 --- a/frontend/app/components/Session/Player/LivePlayer/AssistDuration.tsx +++ b/frontend/app/components/Session/Player/LivePlayer/AssistDuration.tsx @@ -13,7 +13,7 @@ const AssistDurationCont = () => { const interval = setInterval(() => { setAssistDuration(Duration.fromMillis(+new Date() - assistStart).toFormat('mm:ss')); } - , 1000); + , 500); return () => clearInterval(interval); }, []) return ( diff --git a/frontend/app/components/Session/Player/LivePlayer/LiveControls.tsx b/frontend/app/components/Session/Player/LivePlayer/LiveControls.tsx index ac1e935ba..c17902380 100644 --- a/frontend/app/components/Session/Player/LivePlayer/LiveControls.tsx +++ b/frontend/app/components/Session/Player/LivePlayer/LiveControls.tsx @@ -1,7 +1,7 @@ import React from 'react'; import cn from 'classnames'; import { connect } from 'react-redux'; -import LiveTag from 'Shared/LiveTag'; +import LiveTag from './LiveTag'; import AssistSessionsTabs from './AssistSessionsTabs'; import { diff --git a/frontend/app/components/shared/LiveTag/LiveTag.module.css b/frontend/app/components/Session/Player/LivePlayer/LiveTag/LiveTag.module.css similarity index 100% rename from frontend/app/components/shared/LiveTag/LiveTag.module.css rename to frontend/app/components/Session/Player/LivePlayer/LiveTag/LiveTag.module.css diff --git a/frontend/app/components/shared/LiveTag/LiveTag.tsx b/frontend/app/components/Session/Player/LivePlayer/LiveTag/LiveTag.tsx similarity index 100% rename from frontend/app/components/shared/LiveTag/LiveTag.tsx rename to frontend/app/components/Session/Player/LivePlayer/LiveTag/LiveTag.tsx diff --git a/frontend/app/components/shared/LiveTag/index.js b/frontend/app/components/Session/Player/LivePlayer/LiveTag/index.js similarity index 100% rename from frontend/app/components/shared/LiveTag/index.js rename to frontend/app/components/Session/Player/LivePlayer/LiveTag/index.js diff --git a/frontend/app/player/components/styles.module.css b/frontend/app/player/components/styles.module.css index fed6e8044..611cbf756 100644 --- a/frontend/app/player/components/styles.module.css +++ b/frontend/app/player/components/styles.module.css @@ -57,22 +57,8 @@ background: $main; z-index: 3; pointer-events: none; - /* top: 0; */ - /* bottom: 0; */ - /* &:hover { - width: 10px; - height: 10px; - margin-left: -6px; - z-index: 1; - };*/ } -/* .event.click, .event.input { - background: $green; -} -.event.location { - background: $blue; -} */ .redEvent { position: absolute; width: 2px; @@ -80,14 +66,6 @@ background: $red; z-index: 3; pointer-events: none; - /* top: 0; */ - /* bottom: 0; */ - /* &:hover { - width: 10px; - height: 10px; - margin-left: -6px; - z-index: 1; - };*/ } .markup { @@ -100,25 +78,12 @@ } } -/* .markup.log { - background: $blue; -} - -.markup.error { - background: $red; -} - -.markup.warning { - background: $orange; -} */ - .markup.info { background: $blue2; } .popup { max-width: 300px !important; - /* max-height: 300px !important; */ overflow: hidden; text-overflow: ellipsis; & span { @@ -146,14 +111,12 @@ width: 2px; height: 8px; margin-left: -1px; - /* background: $red; */ } .returningLocation { position: absolute; height: 20%; border-radius: 50%; - /* background: $red; */ width: 12px; }