From 03337fed9f1a76dd8b2f62a4b57e2f8efd2ca449 Mon Sep 17 00:00:00 2001
From: hugolxt <87241914+hugolxt@users.noreply.github.com>
Date: Mon, 16 Dec 2024 16:30:40 +0100
Subject: [PATCH] fix: update Dropdown component to use onHover for APR and TVL
 columns (#36)

---
 src/components/element/opportunity/OpportunityTableRow.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/element/opportunity/OpportunityTableRow.tsx b/src/components/element/opportunity/OpportunityTableRow.tsx
index e2fec93b..9bdbbda8 100644
--- a/src/components/element/opportunity/OpportunityTableRow.tsx
+++ b/src/components/element/opportunity/OpportunityTableRow.tsx
@@ -28,7 +28,7 @@ export default function OpportunityTableRow({ hideTags, opportunity, className,
         className={mergeClass("cursor-pointer", className)}
         {...props}
         aprColumn={
-          <Dropdown size="xl" content={<AprModal opportunity={opportunity} />}>
+          <Dropdown size="xl" onHover content={<AprModal opportunity={opportunity} />}>
             <PrimitiveTag look="tint" size="lg">
               <Value value format="0a%">
                 {opportunity.apr / 100}
@@ -37,7 +37,7 @@ export default function OpportunityTableRow({ hideTags, opportunity, className,
           </Dropdown>
         }
         tvlColumn={
-          <Dropdown size="xl" content={<AprModal opportunity={opportunity} />}>
+          <Dropdown size="xl" onHover content={<AprModal opportunity={opportunity} />}>
             <PrimitiveTag look="base" className="font-mono">
               <Value value format="$0,0.0a">
                 {opportunity.tvl ?? 0}