diff --git a/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx b/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx index 6344ea1ca3..476a5a96c6 100644 --- a/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx +++ b/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx @@ -182,7 +182,7 @@ export default function AudioCard({ {...{ creator: data?.creator || data.details.maybe_weight_data?.maybe_creator, - entityToken: data.weight_token, + entityToken: data.weight_token || data.details?.entity_token, entityType: "model_weight", makeBookmarksProps: bookmarks?.makeProps, makeRatingsProps: ratings?.makeProps, diff --git a/packages/fakeyou.com/src/components/common/Card/ImageCard/ImageCard.tsx b/packages/fakeyou.com/src/components/common/Card/ImageCard/ImageCard.tsx index dd4680c3fd..77d63fa7d5 100644 --- a/packages/fakeyou.com/src/components/common/Card/ImageCard/ImageCard.tsx +++ b/packages/fakeyou.com/src/components/common/Card/ImageCard/ImageCard.tsx @@ -184,7 +184,7 @@ export default function ImageCard({ creator: data.creator || data.details.maybe_weight_data?.maybe_creator, - entityToken: data.weight_token, + entityToken: data.weight_token || data.details?.entity_token, entityType: "model_weight", makeBookmarksProps: bookmarks?.makeProps, makeRatingsProps: ratings?.makeProps, diff --git a/packages/fakeyou.com/src/hooks/useBatchContent/useBatchContent.tsx b/packages/fakeyou.com/src/hooks/useBatchContent/useBatchContent.tsx index 3d6e08885b..d46add91ca 100644 --- a/packages/fakeyou.com/src/hooks/useBatchContent/useBatchContent.tsx +++ b/packages/fakeyou.com/src/hooks/useBatchContent/useBatchContent.tsx @@ -57,11 +57,11 @@ export default function useBatchContent({ const dlog = (...dbg: any) => debug ? console.log(...dbg) : {}; const gather = ({ expand, key, res }: Gather) => { - let tokens = res.results ? res.results.map((item: any) => item[key]) : [res[key]]; - let abc = tokens.reduce((obj = {},token = "") => ({ ...obj, [token]: true }),{}) + let tokens = res.results ? res.results.map((item: any) => (item.details || item)[key]) : [res[key]]; + let loadingTokens = tokens.reduce((obj = {},token = "") => ({ ...obj, [token]: true }),{}) dlog("🪙",fetcher); tokenTypeSet(key) - busyListSet(abc); // add current batch to busy list + busyListSet(loadingTokens); // add current batch to busy list fetcher("",{},{ tokens }).then((batchRes: any) => { // console.log("🦄",resultsKey, res, modLibrary); diff --git a/packages/fakeyou.com/src/hooks/useMedia/useMedia.tsx b/packages/fakeyou.com/src/hooks/useMedia/useMedia.tsx index b8fbfc24b7..a74b713a5b 100644 --- a/packages/fakeyou.com/src/hooks/useMedia/useMedia.tsx +++ b/packages/fakeyou.com/src/hooks/useMedia/useMedia.tsx @@ -12,7 +12,6 @@ export default function useMedia({ const [status, statusSet] = useState(FetchStatus.ready); const [writeStatus, writeStatusSet] = useState(FetchStatus.paused); const [media,mediaSet] = useState(); - const remove = (as_mod: boolean) => { writeStatusSet(FetchStatus.in_progress); DeleteMedia(mediaToken, { @@ -45,6 +44,11 @@ export default function useMedia({ }); } + if (media && media.token !== mediaToken) { + mediaSet(undefined); + statusSet(FetchStatus.ready); + } + },[media, mediaToken, onSuccess, status, statusSet]); return { media, mediaSet, remove, status, writeStatus }; diff --git a/packages/fakeyou.com/src/hooks/useRatings/useRatings.tsx b/packages/fakeyou.com/src/hooks/useRatings/useRatings.tsx index 7e2167eaa3..08b0dfc83e 100644 --- a/packages/fakeyou.com/src/hooks/useRatings/useRatings.tsx +++ b/packages/fakeyou.com/src/hooks/useRatings/useRatings.tsx @@ -34,9 +34,14 @@ export default function useRatings() { checker: () => true, // debug: "useRatings", modLibrary: (current: any, res: any, entity_token: string, tokenType: string) => { - let { positive_rating_count } = res.results ? res.results.find((item: any, i: number) => - item[tokenType] === entity_token - ).stats : res.stats; + + let result = res.results ? res.results.find((item: any, i: number) => + { + return (item.details || item)[tokenType] === entity_token + } + ) : res; + + let { positive_rating_count } = (result.details || result).stats; return { ...current, positive_rating_count }; }, diff --git a/packages/fakeyou.com/src/v2/view/pages/explore/tabs/MediaTab.tsx b/packages/fakeyou.com/src/v2/view/pages/explore/tabs/MediaTab.tsx index b38dd40b8d..dd51d4e4f0 100644 --- a/packages/fakeyou.com/src/v2/view/pages/explore/tabs/MediaTab.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/explore/tabs/MediaTab.tsx @@ -29,6 +29,7 @@ export default function MediaTab() { ); const [showMasonryGrid, setShowMasonryGrid] = useState(true); const [list, listSet] = useState([]); + console.log("💙",list); const media = useLazyLists({ addQueries: { page_size: 24, @@ -42,8 +43,10 @@ export default function MediaTab() { listSet, onInputChange: () => setShowMasonryGrid(false), onSuccess: res => { + console.log("😎",res); ratings.gather({ res, expand: true, key: "token" }); // expand rather than replace for lazy loading bookmarks.gather({ res, expand: true, key: "token" }); // expand rather than replace for lazy loading + console.log("🩵",); setShowMasonryGrid(true); }, requestList: true, diff --git a/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/tabs/BookmarksTab.tsx b/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/tabs/BookmarksTab.tsx index 38a8d19475..056c5cc874 100644 --- a/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/tabs/BookmarksTab.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/tabs/BookmarksTab.tsx @@ -58,8 +58,8 @@ export default function BookmarksTab({ username }: { username: string }) { listSet, onInputChange: () => setShowMasonryGrid(false), onSuccess: res => { - bookmarks.gather({ res, key: "weight_token" }); - ratings.gather({ res, key: "weight_token" }); + bookmarks.gather({ res, key: "entity_token" }); + ratings.gather({ res, key: "entity_token" }); setShowMasonryGrid(true); }, requestList: true, @@ -236,7 +236,7 @@ export default function BookmarksTab({ username }: { username: string }) { >