ash/WebStudio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix tooltips not appearing for changing content.

Browse source
This commit is contained in:
Matthew Stratford 2021-01-30 18:29:00 +00:00
parent 9f269eb4cd
commit 27fa9ef1ef
2 changed files with 19 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/showplanner/index.tsx
View file

@ -356,6 +356,10 @@ export function LoadingDialogue({
function ChannelStrips() {
const showplan = useSelector((state: RootState) => state.showplan.plan!);
useEffect(() => {
ReactTooltip.rebuild(); // If the show plan has been re-jiggled, make sure the tooltips are updated.
});
return (
<div className="channels">
<Channel id={0} data={showplan} />

25
src/showplanner/libraries.tsx
View file

@ -28,6 +28,8 @@ import { RootState } from "../rootReducer";
import { Button } from "reactstrap";
import { PLAYER_ID_PREVIEW } from "../mixer/audio";
import ReactTooltip from "react-tooltip";
export const CML_CACHE: { [recordid_trackid: string]: Track } = {};
type searchingStateEnum =
@ -173,8 +175,8 @@ export function LibraryColumn() {
export function CentralMusicLibrary() {
const [track, setTrack] = useState("");
const [artist, setArtist] = useState("");
const debouncedTrack = useDebounce(track, 600);
const debouncedArtist = useDebounce(artist, 600);
const debouncedTrack = useDebounce(track, 1000);
const debouncedArtist = useDebounce(artist, 1000);
const [items, setItems] = useState<Track[]>([]);
const [state, setState] = useState<searchingStateEnum>("not-searching");
@ -188,11 +190,6 @@ export function CentralMusicLibrary() {
setItems([]);
setState("searching");
searchForTracks(artist, track).then((tracks) => {
if (tracks.length === 0) {
setState("no-results");
} else {
setState("results");
}
tracks.forEach((track) => {
const id = itemId(track);
if (!(id in CML_CACHE)) {
@ -200,6 +197,12 @@ export function CentralMusicLibrary() {
}
});
setItems(tracks);
if (tracks.length === 0) {
setState("no-results");
} else {
setState("results");
ReactTooltip.rebuild(); // Update tooltips so they appear.
}
});
}, [debouncedTrack, debouncedArtist, artist, track]);
return (
@ -248,8 +251,8 @@ export function CentralMusicLibrary() {
export function ManagedPlaylistLibrary({ libraryId }: { libraryId: string }) {
const [track, setTrack] = useState("");
const [artist, setArtist] = useState("");
const debouncedTrack = useDebounce(track, 600);
const debouncedArtist = useDebounce(artist, 600);
const debouncedTrack = useDebounce(track, 1000);
const debouncedArtist = useDebounce(artist, 1000);
const [items, setItems] = useState<Track[]>([]);
const [state, setState] = useState<searchingStateEnum>("not-searching");
@ -270,6 +273,7 @@ export function ManagedPlaylistLibrary({ libraryId }: { libraryId: string }) {
setState("no-results");
} else {
setState("results");
ReactTooltip.rebuild(); // Update tooltips so they appear.
}
}
load();
@ -336,7 +340,7 @@ export const AUX_CACHE: { [auxid: string]: AuxItem } = {};
export function AuxLibrary({ libraryId }: { libraryId: string }) {
const [searchQuery, setSearchQuery] = useState("");
const debouncedQuery = useDebounce(searchQuery, 200);
const debouncedQuery = useDebounce(searchQuery, 500);
const [items, setItems] = useState<AuxItem[]>([]);
const [state, setState] = useState<searchingStateEnum>("not-searching");
@ -353,6 +357,7 @@ export function AuxLibrary({ libraryId }: { libraryId: string }) {
}
});
setItems(libItems);
ReactTooltip.rebuild(); // Update tooltips so they appear.
if (libItems.length === 0) {
setState("no-results");
} else {