Added subscription count on profile cards

JakobEdvardsson · Aug 21, 2023 · 6c5133e · 6c5133e
1 parent f003b0c
commit 6c5133e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/app/users/components/UserProfileCard.tsx b/app/users/components/UserProfileCard.tsx
@@ -32,7 +32,7 @@ export default function UserProfileCard(props: Props) {
                 console.log("[UserProfileCard.useEffect()]: " + error)
 
             })
-    }, [])
+    }, [props.username, subscribed])
 
     function handleSubscribeButtonClick() {
         if (!subscribed) {
@@ -122,10 +122,10 @@ export default function UserProfileCard(props: Props) {
                            focus:outline-none
                            dark:focus:ring-blue-800"
                 >
-                    {subscribed ? "UNSUBSCRIBE" : "SUBSCRIBE"}
+                    {subscribed ? "UNSUBSCRIBE" : "SUBSCRIBE"} {user?.subscriptionCount}
                 </button>
                 </div>
-                <p className={" m-4"}>
+                <p className={"m-4"}>
                     {user?.aboutMe}
                 </p>
 

diff --git a/types/global.ts b/types/global.ts
@@ -14,7 +14,8 @@ type OnlyfinProfileExtended = {
     username: string,
     isSubscribed: boolean,
     aboutMe: string,
-    self: boolean
+    self: boolean,
+    subscriptionCount: number
 }
 
 type OnlyfinReview = {