Fix: Typescript error regarding missing karma property

src/locales/en/translation.json

@@ -318,7 +318,7 @@
     "audio": "Audio",
     "filter_by_source": "Filter by source",
     "no_repacks_found": "No sources found for this game",
-"delete_review": "Delete review",
+    "delete_review": "Delete review",
     "delete_review_modal_title": "Delete Review",
     "delete_review_modal_description": "Are you sure you want to delete your review? This action cannot be undone.",
     "delete_review_karma_warning": "You will lose any karma points earned from this review."

src/renderer/src/hooks/use-user-details.ts

@@ -68,6 +68,7 @@ export function useUserDetails() {
         username: userDetails?.username || "",
         subscription: userDetails?.subscription || null,
         featurebaseJwt: userDetails?.featurebaseJwt || "",
+        karma: userDetails?.karma || 0,
       });
     },
     [

src/renderer/src/pages/game-details/modals/delete-review-modal.scss

@@ -16,4 +16,4 @@
     display: flex;
     justify-content: flex-end;
   }
-}
+}

src/renderer/src/pages/game-details/modals/delete-review-modal.tsx

@@ -30,7 +30,7 @@ export function DeleteReviewModal({
       <div className="delete-review-modal__karma-warning">
         {t("delete_review_karma_warning")}
       </div>
-      
+
       <div className="delete-review-modal__actions">
         <Button onClick={onClose} theme="outline">
           {t("cancel")}
@@ -42,4 +42,4 @@ export function DeleteReviewModal({
       </div>
     </Modal>
   );
-}
+}

src/renderer/src/pages/profile/profile-content/user-karma-box.scss

@@ -44,4 +44,4 @@
     font-size: 0.85rem;
     line-height: 1.4;
   }
-}
+}

src/renderer/src/pages/profile/profile-content/user-karma-box.tsx

@@ -25,7 +25,8 @@ export function UserKarmaBox() {
         <div className="user-karma__content">
           <div className="user-karma__stats-row">
             <p className="user-karma__description">
-              <Award size={20} /> {numberFormatter.format(userDetails.karma)} {t("karma_count")}
+              <Award size={20} /> {numberFormatter.format(userDetails.karma)}{" "}
+              {t("karma_count")}
             </p>
           </div>
           <div className="user-karma__info">
@@ -37,4 +38,4 @@ export function UserKarmaBox() {
       </div>
     </div>
   );
-}
+}