From dff1d6e1c1e1f28e1aec5f148a944654772f0139 Mon Sep 17 00:00:00 2001
From: juan <juandgoc@gmail.com>
Date: Mon, 1 Feb 2021 13:55:12 -0500
Subject: [PATCH] use first obligation when clicking repay from reserve
 overview

---
 src/components/UserLendingCard/index.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/UserLendingCard/index.tsx b/src/components/UserLendingCard/index.tsx
index d75fa65..fd41cd2 100644
--- a/src/components/UserLendingCard/index.tsx
+++ b/src/components/UserLendingCard/index.tsx
@@ -5,6 +5,7 @@ import {
   useUserBalance,
   useBorrowedAmount,
   useBorrowingPower,
+  useUserObligationByReserve,
 } from "./../../hooks";
 import { LendingReserve } from "../../models/lending";
 import { formatNumber } from "../../utils/utils";
@@ -44,6 +45,7 @@ export const UserLendingCard = (props: {
     totalInQuote: borrowingPowerInUSD,
     borrowingPower,
   } = useBorrowingPower(address);
+  const { userObligationsByReserve } = useUserObligationByReserve(address);
 
   return (
     <Card
@@ -156,9 +158,13 @@ export const UserLendingCard = (props: {
         <Link to={`/withdraw/${address}`}>
           <Button>{LABELS.WITHDRAW_ACTION}</Button>
         </Link>
-        <Link to={`/repay/${address}`}>
-          <Button>{LABELS.REPAY_ACTION}</Button>
-        </Link>
+        {!!userObligationsByReserve.length && (
+          <Link
+            to={`/repay/loan/${userObligationsByReserve[0].obligation.account.pubkey.toBase58()}`}
+          >
+            <Button>{LABELS.REPAY_ACTION}</Button>
+          </Link>
+        )}
       </div>
     </Card>
   );