diff --git a/packages/fakeyou.com/src/components/common/Card/CreatorName.tsx b/packages/fakeyou.com/src/components/common/Card/CreatorName.tsx index 494a0f6656..e84f79a7f8 100644 --- a/packages/fakeyou.com/src/components/common/Card/CreatorName.tsx +++ b/packages/fakeyou.com/src/components/common/Card/CreatorName.tsx @@ -23,25 +23,44 @@ export default function CreatorName({ event.stopPropagation(); }; + const gravatar = ( + + ); + return ( - - -
- {displayName} -
- + <> + {displayName === "Anonymous" ? ( +
+ {gravatar} +
+ {displayName} +
+
+ ) : ( + + {gravatar} +
+ {displayName} +
+ + )} + ); } diff --git a/packages/fakeyou.com/src/components/common/Card/VideoCard/VideoCard.tsx b/packages/fakeyou.com/src/components/common/Card/VideoCard/VideoCard.tsx index bc29887ee1..aed5a58690 100644 --- a/packages/fakeyou.com/src/components/common/Card/VideoCard/VideoCard.tsx +++ b/packages/fakeyou.com/src/components/common/Card/VideoCard/VideoCard.tsx @@ -13,12 +13,18 @@ import { Link } from "react-router-dom"; interface VideoCardProps { data: any; origin?: string; - ratings: any; + ratings?: any; showCreator?: boolean; type: "media" | "weights"; } -export default function VideoCard({ data, origin = "", ratings, showCreator, type }: VideoCardProps) { +export default function VideoCard({ + data, + origin = "", + ratings, + showCreator, + type, +}: VideoCardProps) { const linkUrl = type === "media" ? `/media/${data.token}` : `/weight/${data.weight_token}`; @@ -28,15 +34,32 @@ export default function VideoCard({ data, origin = "", ratings, showCreator, typ const timeAgo = useTimeAgo(data.created_at); - const videoLink = new BucketConfig().getGcsUrl(data.public_bucket_path); + const bucketConfig = new BucketConfig(); + //video doesnt have random cover image endpoint or thumbnails yet + let coverImage = `/images/default-covers/${ + data?.cover_image?.default_cover.image_index || 0 + }.webp`; + + if (data?.cover_image?.maybe_cover_image_public_bucket_path) { + coverImage = bucketConfig.getCdnUrl( + data.cover_image.maybe_cover_image_public_bucket_path, + 600, + 100 + ); + } return ( - console.log("🌠 VIDEO CARD") }}> + {type === "media" && ( <> {data.weight_name} @@ -82,12 +105,14 @@ export default function VideoCard({ data, origin = "", ratings, showCreator, typ )}
- +
@@ -130,13 +155,15 @@ export default function VideoCard({ data, origin = "", ratings, showCreator, typ

{timeAgo}

- +
diff --git a/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx b/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx index 803b637b7a..151eea5f19 100644 --- a/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/weight/WeightPage.tsx @@ -116,20 +116,13 @@ export default function WeightPage({ ); case WeightCategory.VC: return ( - <> - - - - + ); case WeightCategory.ZS: diff --git a/packages/fakeyou.com/src/v2/view/pages/weight/inference_panels/SdInferencePanel.tsx b/packages/fakeyou.com/src/v2/view/pages/weight/inference_panels/SdInferencePanel.tsx index ad04bb9812..e8ac5f43f6 100644 --- a/packages/fakeyou.com/src/v2/view/pages/weight/inference_panels/SdInferencePanel.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/weight/inference_panels/SdInferencePanel.tsx @@ -339,12 +339,12 @@ function SdInferencePanel({ { label: "All LoRA Weights", searcherKey: "allLoraWeights", - weightTypeFilter: "rvc_v2", + weightTypeFilter: "lora", }, { label: "Bookmarked", searcherKey: "bookmarkedLoraWeights", - weightTypeFilter: "rvc_v2", + weightTypeFilter: "lora", }, ]} />