TeaSpeak/TeaWeb
TeaSpeak/TeaWeb
1
0
Fork 0
Code Issues 1 Pull requests Activity

fixed drag flickering

Browse source
This commit is contained in:
WolverinDEV 2020-11-06 16:19:07 +01:00
parent 7c14127b30
commit cde346a628
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
shared/js/ui/frames/connection-handler-list/Renderer.tsx
View file

@ -23,7 +23,7 @@ const ConnectionHandler = React.memo((props: { handlerId: string, mode: Connecti
const events = useContext(Events); const events = useContext(Events);
const [ status, setStatus ] = useState<HandlerStatus | "loading">(() => { const [ status, setStatus ] = useState<HandlerStatus | "loading">(() => {
events.fire_async("query_handler_status", { handlerId: props.handlerId }); events.fire_react("query_handler_status", { handlerId: props.handlerId });
return "loading"; return "loading";
}); });
@ -140,7 +140,7 @@ const MoveableConnectionHandler = (props: { handlerId: string, mode: ConnectionH
refContainer.current.removeEventListener("mousedown", mouseDownListener); refContainer.current.removeEventListener("mousedown", mouseDownListener);
detachListener(); detachListener();
} }
}); }, []);
return <ConnectionHandler handlerId={props.handlerId} mode={props.mode} refContainer={refContainer} /> return <ConnectionHandler handlerId={props.handlerId} mode={props.mode} refContainer={refContainer} />
}; };
@ -360,10 +360,10 @@ const ScrollMenu = (props: { shown: boolean }) => {
return ( return (
<div className={cssStyle.containerScroll + " " + (props.shown ? cssStyle.shown : "")}> <div className={cssStyle.containerScroll + " " + (props.shown ? cssStyle.shown : "")}>
<div className={cssStyle.buttonScroll + " " + (!scrollLeft ? cssStyle.disabled : "")} onClick={() => scrollLeft && events.fire_async("action_scroll", { direction: "left" })}> <div className={cssStyle.buttonScroll + " " + (!scrollLeft ? cssStyle.disabled : "")} onClick={() => scrollLeft && events.fire_react("action_scroll", { direction: "left" })}>
<ClientIconRenderer icon={ClientIcon.ArrowLeft} /> <ClientIconRenderer icon={ClientIcon.ArrowLeft} />
</div> </div>
<div className={cssStyle.buttonScroll + " " + (!scrollRight ? cssStyle.disabled : "")} onClick={() => scrollRight && events.fire_async("action_scroll", { direction: "right" })}> <div className={cssStyle.buttonScroll + " " + (!scrollRight ? cssStyle.disabled : "")} onClick={() => scrollRight && events.fire_react("action_scroll", { direction: "right" })}>
<ClientIconRenderer icon={ClientIcon.ArrowRight} /> <ClientIconRenderer icon={ClientIcon.ArrowRight} />
</div> </div>
</div> </div>
@ -385,7 +385,7 @@ export const ConnectionHandlerList = (props: { events: Registry<ConnectionListUI
const container = refHandlerContainer.current; const container = refHandlerContainer.current;
if(!container) { return; } if(!container) { return; }
props.events.fire_async("notify_scroll_status", { right: Math.ceil(scrollLeft + container.clientWidth + 2) < container.scrollWidth, left: scrollLeft !== 0 }); props.events.fire_react("notify_scroll_status", { right: Math.ceil(scrollLeft + container.clientWidth + 2) < container.scrollWidth, left: scrollLeft !== 0 });
} }
useEffect(() => { useEffect(() => {
@ -412,9 +412,9 @@ export const ConnectionHandlerList = (props: { events: Registry<ConnectionListUI
let scrollShown = refScrollShown.current; let scrollShown = refScrollShown.current;
if(scrollShown && !shouldScroll) { if(scrollShown && !shouldScroll) {
props.events.fire_async("notify_scroll_status", { left: false, right: false }); props.events.fire_react("notify_scroll_status", { left: false, right: false });
} else if(!scrollShown && shouldScroll) { } else if(!scrollShown && shouldScroll) {
props.events.fire_async("notify_scroll_status", { left: false, right: true }); props.events.fire_react("notify_scroll_status", { left: false, right: true });
} else { } else {
return; return;
} }