fix: uniswap warning width and data in it (#3000)

heyxyz · Jun 4, 2023 · 05ebb72 · 05ebb72 · vercel · Jun 4, 2023
1 parent 88d0cae
commit 05ebb72
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/apps/web/src/components/Publication/Actions/Collect/CollectModule.tsx b/apps/web/src/components/Publication/Actions/Collect/CollectModule.tsx
@@ -522,7 +522,7 @@ const CollectModule: FC<CollectModuleProps> = ({
                 ) : null
               ) : (
                 <WarningMessage
-                  className="mt-5"
+                  className="mt-5 w-full"
                   message={<Uniswap module={collectModule} />}
                 />
               )

diff --git a/apps/web/src/components/Shared/Uniswap.tsx b/apps/web/src/components/Shared/Uniswap.tsx
@@ -11,18 +11,21 @@ interface UniswapProps {
 }
 
 const Uniswap: FC<UniswapProps> = ({ module }) => {
+  const amount = module?.amount?.value ?? module?.fee?.amount?.value;
+  const currency =
+    module?.amount?.asset?.symbol ?? module?.fee?.amount?.asset?.symbol;
+  const assetAddress =
+    module?.amount?.asset?.address ?? module?.fee?.amount?.asset?.address;
+
   return (
     <div className="space-y-1">
       <div className="text-sm">
         <Trans>
-          You don't have enough <b>{module?.amount?.asset?.symbol}</b>
+          You don't have enough <b>{currency}</b>
         </Trans>
       </div>
       <Link
-        href={getUniswapURL(
-          parseFloat(module?.amount?.value),
-          module?.amount?.asset?.address
-        )}
+        href={getUniswapURL(parseFloat(amount), assetAddress)}
         onClick={() => {
           Leafwatch.track(PUBLICATION.COLLECT_MODULE.OPEN_UNISWAP);
         }}