Merge pull request #234 from FrancoAguzzi/fix/semantic-release-config

fix: fix build issues
blockful-io · Mar 19, 2024 · e6aee01 · e6aee01
2 parents a031e9e + 9e59463
commit e6aee01
Show file tree

Hide file tree

Showing 11 changed files with 156 additions and 36 deletions.
diff --git a/components/01-atoms/NetworkDropdown.tsx b/components/01-atoms/NetworkDropdown.tsx
@@ -44,7 +44,7 @@ export const NetworkDropdown = ({ forAuthedUser }: NetworkDropdownProps) => {
   };
 
   interface NetworkProps {
-    icon: React.JSX.Element;
+    icon: JSX.Element;
     name: string;
   }
 

diff --git a/components/01-atoms/SwapModalButton.tsx b/components/01-atoms/SwapModalButton.tsx
@@ -83,7 +83,7 @@ export function SwapModalButton({
 }: Props) {
   const { approvedTokensCount } = useContext(SwapContext);
   const { theme } = useTheme();
-  if (theme === undefined) return false;
+  if (theme === undefined) return <></>;
 
   return (
     <button

diff --git a/components/01-atoms/icons/ArrowIcon.tsx b/components/01-atoms/icons/ArrowIcon.tsx
@@ -91,5 +91,5 @@ export const ArrowIcon = ({
     ),
   };
 
-  return ArrowIcons[variant];
+  return ArrowIcons[variant] || <></>;
 };
diff --git a/components/01-atoms/icons/CloseCTA.tsx b/components/01-atoms/icons/CloseCTA.tsx
@@ -1,22 +1,20 @@
-import { SVGProps } from "react";
-
 interface CloseCTAProps {
   onClick: () => void;
-  props?: SVGProps<SVGSVGElement>;
+  className?: string;
 }
 
-export const CloseCTA = ({ onClick, props }: CloseCTAProps) => {
+export const CloseCTA = ({ onClick, className }: CloseCTAProps) => {
   return (
     <button
       onClick={onClick}
       className="p-2 rounded-full border border-[#353836] dark:hover:bg-[#353836] hover:bg-zinc-200 transition"
     >
       <svg
-        {...props}
         width="14"
         height="14"
         viewBox="0 0 14 14"
         fill={"currentColor"}
+        className={className}
         xmlns="http://www.w3.org/2000/svg"
       >
         <g id="xmark-solid 1">

diff --git a/components/01-atoms/icons/NetworkIcon.tsx b/components/01-atoms/icons/NetworkIcon.tsx
@@ -68,5 +68,5 @@ export const NetworkIcon = ({
     ),
   };
 
-  return NetworkIcons[variant];
+  return NetworkIcons[variant] || <></>;
 };
diff --git a/components/01-atoms/icons/SwapIcon.tsx b/components/01-atoms/icons/SwapIcon.tsx
@@ -126,5 +126,5 @@ export const SwapIcon = ({
     ),
   };
 
-  return SwapIcons[variant];
+  return SwapIcons[variant] || <></>;
 };
diff --git a/components/02-molecules/ConfirmSwapModal.tsx b/components/02-molecules/ConfirmSwapModal.tsx
@@ -270,5 +270,5 @@ export const ConfirmSwapModal = ({
     ),
   };
 
-  return ConfirmSwapModalStep[currentSwapModalStep];
+  return ConfirmSwapModalStep[currentSwapModalStep] || <></>;
 };
diff --git a/components/02-molecules/TokensList.tsx b/components/02-molecules/TokensList.tsx
@@ -111,7 +111,7 @@ export const TokensList = ({
 
   const addTokenSquare = withAddTokenCard ? AddTokenCardManually() : <></>;
 
-  const Layout = (squares: React.JSX.Element[]) => {
+  const Layout = (squares: JSX.Element[]) => {
     return (
       <div className={gridClassNames}>
         {squares}

diff --git a/components/02-molecules/UserOfferInfo.tsx b/components/02-molecules/UserOfferInfo.tsx
@@ -19,6 +19,7 @@ export const UserOfferInfo = ({
     ensAddress: address,
   });
   const displayAddress = address?.getEllipsedAddress();
+
   return variant == UserOfferVariant.DEFAULT ? (
     <div>
       <div className="flex gap-2">
@@ -36,38 +37,38 @@ export const UserOfferInfo = ({
         </div>
       </div>
     </div>
-  ) : (
-    variant === UserOfferVariant.SECONDARY && (
-      <div>
-        <div className="flex justify-between">
-          <div className="flex gap-2">
-            <div>
-              {address && (
-                <ENSAvatar
-                  avatarENSAddress={address}
-                  size={ENSAvatarSize.SMALL}
-                />
-              )}
-            </div>
-            <div className="flex ">
-              {primaryName ? (
-                <p>{primaryName} gets</p>
-              ) : (
-                <p>{displayAddress} gets</p>
-              )}
-            </div>
+  ) : variant === UserOfferVariant.SECONDARY ? (
+    <div>
+      <div className="flex justify-between">
+        <div className="flex gap-2">
+          <div>
+            {address && (
+              <ENSAvatar
+                avatarENSAddress={address}
+                size={ENSAvatarSize.SMALL}
+              />
+            )}
+          </div>
+          <div className="flex ">
+            {primaryName ? (
+              <p>{primaryName} gets</p>
+            ) : (
+              <p>{displayAddress} gets</p>
+            )}
           </div>
-          {/* TODO > Include logic to calculate tokens value */}
-          {/* <div className="flex-row flex">
+        </div>
+        {/* TODO > Include logic to calculate tokens value */}
+        {/* <div className="flex-row flex">
             <p className="dark:p-small-dark p-small-variant-black">
               0.1639 ETH
             </p>
             <p className="dark:p-small-dark dark:!text-[#A3A9A5] p-small-variant-black">
               &nbsp; ($252.15)
             </p>
           </div> */}
-        </div>
       </div>
-    )
+    </div>
+  ) : (
+    <></>
   );
 };
diff --git a/lib/client/hooks/usePonder.ts b/lib/client/hooks/usePonder.ts
@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import { SwapContext } from "@/components/01-atoms";
 import axios from "axios";
 import { useContext, useEffect, useState } from "react";

diff --git a/package-lock.json b/package-lock.json
-Original file line number
+Diff line change
@@ Expand Up / @@ -91,5 +91,5 @@ export const ArrowIcon = ({ @@
         ),
       };
-      return ArrowIcons[variant];
+      return ArrowIcons[variant] || <></>;
     };