From d13a43a5ae6caef4f8977ab6b6314fa976785ff6 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Thu, 11 Jan 2024 20:34:36 +0700
Subject: [PATCH] audio card badge and cover image fix

---
 .../common/Card/AudioCard/AudioCard.tsx       | 46 +++++++++++--------
 .../useWeightTypeInfo/useWeightTypeInfo.tsx   |  2 +-
 2 files changed, 29 insertions(+), 19 deletions(-)

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 a64d5a4309..9362b54b5f 100644
--- a/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx
+++ b/packages/fakeyou.com/src/components/common/Card/AudioCard/AudioCard.tsx
@@ -78,7 +78,7 @@ export default function AudioCard({
     <Link
       {...{
         to: linkUrl,
-        state: { origin }
+        state: { origin },
       }}
     >
       <Card padding={true} canHover={true}>
@@ -124,14 +124,17 @@ export default function AudioCard({
               )}
 
               <div>
-                <LikeButton {...{
-                  busy: ratings.busyList[data.token],
-                  entityToken: data.token,
-                  entityType: "media_file",
-                  likeCount: data.likes,
-                  initialToggled: ratings?.list[data.token]?.rating_value === "positive",
-                  onToggle: ratings.toggle
-                }} />
+                <LikeButton
+                  {...{
+                    busy: ratings.busyList[data.token],
+                    entityToken: data.token,
+                    entityType: "media_file",
+                    likeCount: data.likes,
+                    initialToggled:
+                      ratings?.list[data.token]?.rating_value === "positive",
+                    onToggle: ratings.toggle,
+                  }}
+                />
               </div>
             </div>
           </>
@@ -140,7 +143,9 @@ export default function AudioCard({
         {type === "weights" && (
           <>
             <div className="d-flex">
-              {showCover && <WeightCoverImage src={coverImage} />}
+              {showCover && (
+                <WeightCoverImage src={coverImage} height={110} width={110} />
+              )}
 
               <div className="flex-grow-1">
                 <div className="d-flex align-items-center">
@@ -189,13 +194,17 @@ export default function AudioCard({
               )}
 
               <div>
-                <LikeButton {...{
-                  busy: ratings.busyList[data.weight_token],
-                  entityToken: data.weight_token,
-                  entityType: "model_weight",
-                  likeCount: ratings?.list[data.weight_token]?.positive_rating_count || 0,
-                  onToggle: ratings?.toggle
-                }} />
+                <LikeButton
+                  {...{
+                    busy: ratings.busyList[data.weight_token],
+                    entityToken: data.weight_token,
+                    entityType: "model_weight",
+                    likeCount:
+                      ratings?.list[data.weight_token]?.positive_rating_count ||
+                      0,
+                    onToggle: ratings?.toggle,
+                  }}
+                />
               </div>
               <BookmarkButton
                 {...{
@@ -203,7 +212,8 @@ export default function AudioCard({
                   entityToken: data.weight_token,
                   entityType: "model_weight",
                   onToggle: bookmarks?.toggle,
-                  initialToggled: bookmarks?.list[data.weight_token]?.maybe_bookmark_token
+                  initialToggled:
+                    bookmarks?.list[data.weight_token]?.maybe_bookmark_token,
                 }}
               />
             </div>
diff --git a/packages/fakeyou.com/src/hooks/useWeightTypeInfo/useWeightTypeInfo.tsx b/packages/fakeyou.com/src/hooks/useWeightTypeInfo/useWeightTypeInfo.tsx
index 23a3417ce8..f619d16b64 100644
--- a/packages/fakeyou.com/src/hooks/useWeightTypeInfo/useWeightTypeInfo.tsx
+++ b/packages/fakeyou.com/src/hooks/useWeightTypeInfo/useWeightTypeInfo.tsx
@@ -22,7 +22,7 @@ const weightTypeInfo: WeightTypeInfo = {
     color: "purple",
     fullLabel: "Stable Diffusion XL",
   },
-  [WeightType.SVC]: { label: "SVC", color: "cyan", fullLabel: "SVC" },
+  [WeightType.SVC]: { label: "SVC", color: "turquoise", fullLabel: "SVC" },
   [WeightType.LORA]: { label: "LoRA", color: "pink", fullLabel: "LoRA" },
   [WeightType.VALL_E]: {
     label: "VALL-E",