Fix console warnings

cardano-scaling · Aug 8, 2024 · 61705da · 61705da
1 parent 17cd90e
commit 61705da
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 19 deletions.
diff --git a/docs/src/components/homepage/Carousel/Coursel.tsx b/docs/src/components/homepage/Carousel/Coursel.tsx
@@ -71,6 +71,7 @@ const Controls: FC<ControlProps> = ({ showing, handlePrev, handleNext }) => {
       </button>
       {HowItWorksCarouselContent.map((_, index) => (
         <Dot
+          key={`dot-${index}`}
           className={clsx(
             "self-center",
             index === showing ? "text-teal" : "text-teal-lightest"
@@ -136,8 +137,8 @@ const Carousel: FC = () => {
           ref={sliderRef}
         >
           {HowItWorksCarouselContent.map((props, idx) => (
-            <SwiperSlide>
-              <CarouselEntry key={idx} idx={idx} {...props} />
+            <SwiperSlide key={idx}>
+              <CarouselEntry idx={idx} {...props} />
             </SwiperSlide>
           ))}
           <div className="flex w-full gap-6 pt-4">

diff --git a/docs/src/components/homepage/Carousel/ResponsiveCarousel.tsx b/docs/src/components/homepage/Carousel/ResponsiveCarousel.tsx
@@ -56,7 +56,7 @@ const Controls: FC<ControlProps> = ({ showing, onClickBullet, ...props }) => {
       {...props}
     >
       {HowItWorksCarouselContent.map((_, index) => (
-        <button onClick={() => onClickBullet(index)}>
+        <button key={`dot-${index}`} onClick={() => onClickBullet(index)}>
           <Dot
             className={clsx(
               "self-center",
@@ -110,17 +110,13 @@ const ResponsiveCarousel: FC = () => {
           >
             {isTabletUp
               ? HowItWorksCarouselContent.map((props, idx) => (
-                  <SwiperSlide style={{ width: "fit-content" }}>
-                    <img src={props.src} key={idx} />
+                  <SwiperSlide key={idx} style={{ width: "fit-content" }}>
+                    <img src={props.src} />
                   </SwiperSlide>
                 ))
               : HowItWorksCarouselContent.map((props, idx) => (
-                  <SwiperSlide style={{ width: "fit-content" }}>
-                    <img
-                      src={props.mobileSrc}
-                      className="tablet:ml-4 ml-1"
-                      key={idx}
-                    />
+                  <SwiperSlide key={idx} style={{ width: "fit-content" }}>
+                    <img src={props.mobileSrc} className="tablet:ml-4 ml-1" />
                   </SwiperSlide>
                 ))}
           </Swiper>

diff --git a/docs/src/components/icons/Github.tsx b/docs/src/components/icons/Github.tsx
@@ -10,8 +10,8 @@ const Github = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M12.279 0C5.48905 0 0 5.49998 0 12.3042C0 17.7432 3.51702 22.3472 8.39607 23.9767C9.00607 24.0991 9.22952 23.7119 9.22952 23.3862C9.22952 23.1009 9.20941 22.1232 9.20941 21.1044C5.79368 21.8379 5.08238 19.6377 5.08238 19.6377C4.53345 18.2117 3.72011 17.8452 3.72011 17.8452C2.60214 17.0914 3.80154 17.0914 3.80154 17.0914C5.04166 17.1729 5.69239 18.3544 5.69239 18.3544C6.78999 20.2284 8.55869 19.6989 9.27023 19.3729C9.37178 18.5784 9.69726 18.0284 10.0429 17.7229C7.31857 17.4377 4.45227 16.3784 4.45227 11.6522C4.45227 10.3077 4.93987 9.20771 5.71249 8.35222C5.59059 8.04672 5.16356 6.78347 5.83464 5.09273C5.83464 5.09273 6.87143 4.76673 9.20916 6.35572C10.21 6.08639 11.2422 5.94938 12.279 5.94823C13.3158 5.94823 14.3727 6.09097 15.3487 6.35572C17.6867 4.76673 18.7234 5.09273 18.7234 5.09273C19.3945 6.78347 18.9672 8.04672 18.8453 8.35222C19.6383 9.20771 20.1058 10.3077 20.1058 11.6522C20.1058 16.3784 17.2395 17.4172 14.4949 17.7229C14.9423 18.1099 15.3283 18.8432 15.3283 20.0044C15.3283 21.6544 15.3082 22.9787 15.3082 23.3859C15.3082 23.7119 15.5319 24.0991 16.1417 23.9769C21.0207 22.3469 24.5377 17.7432 24.5377 12.3042C24.5578 5.49998 19.0487 0 12.279 0Z"
       fill="currentColor"
     />
@@ -28,8 +28,8 @@ export const GithubSmall = (props: SVGProps<SVGSVGElement>) => (
     {...props}
   >
     <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M12.279 0C5.48905 0 0 5.49998 0 12.3042C0 17.7432 3.51702 22.3472 8.39607 23.9767C9.00607 24.0991 9.22952 23.7119 9.22952 23.3862C9.22952 23.1009 9.20941 22.1232 9.20941 21.1044C5.79368 21.8379 5.08238 19.6377 5.08238 19.6377C4.53345 18.2117 3.72011 17.8452 3.72011 17.8452C2.60214 17.0914 3.80154 17.0914 3.80154 17.0914C5.04166 17.1729 5.69239 18.3544 5.69239 18.3544C6.78999 20.2284 8.55869 19.6989 9.27023 19.3729C9.37178 18.5784 9.69726 18.0284 10.0429 17.7229C7.31857 17.4377 4.45227 16.3784 4.45227 11.6522C4.45227 10.3077 4.93987 9.20771 5.71249 8.35222C5.59059 8.04672 5.16356 6.78347 5.83464 5.09273C5.83464 5.09273 6.87143 4.76673 9.20916 6.35572C10.21 6.08639 11.2422 5.94938 12.279 5.94823C13.3158 5.94823 14.3727 6.09097 15.3487 6.35572C17.6867 4.76673 18.7234 5.09273 18.7234 5.09273C19.3945 6.78347 18.9672 8.04672 18.8453 8.35222C19.6383 9.20771 20.1058 10.3077 20.1058 11.6522C20.1058 16.3784 17.2395 17.4172 14.4949 17.7229C14.9423 18.1099 15.3283 18.8432 15.3283 20.0044C15.3283 21.6544 15.3082 22.9787 15.3082 23.3859C15.3082 23.7119 15.5319 24.0991 16.1417 23.9769C21.0207 22.3469 24.5377 17.7432 24.5377 12.3042C24.5578 5.49998 19.0487 0 12.279 0Z"
       fill="currentColor"
     ></path>

diff --git a/docs/src/theme/Navbar/Content/index.js b/docs/src/theme/Navbar/Content/index.js
@@ -73,15 +73,15 @@ export default function NavbarContent() {
             href="https://github.com/cardano-scaling/hydra"
             target="_blank"
             rel="noopener noreferrer"
-            class="hover:text-teal-light mx-3 py-1"
+            className="hover:text-teal-light mx-3 py-1"
           >
             <GithubSmall />
           </a>
           <a
             href="https://github.com/cardano-scaling/hydra"
             target="_blank"
             rel="noopener noreferrer"
-            class="hover:text-teal-light mx-3 py-1"
+            className="hover:text-teal-light mx-3 py-1"
           >
             <Discord />
           </a>

diff --git a/docs/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js b/docs/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js
@@ -36,15 +36,15 @@ export default function NavbarMobilePrimaryMenu() {
         href="https://github.com/cardano-scaling/hydra"
         target="_blank"
         rel="noopener noreferrer"
-        class="hover:text-teal-light mx-3 py-1 inline-flex gap-3"
+        className="hover:text-teal-light mx-3 py-1 inline-flex gap-3"
       >
         <GithubSmall /> Github
       </a>
       <a
         href="https://github.com/cardano-scaling/hydra"
         target="_blank"
         rel="noopener noreferrer"
-        class="hover:text-teal-light mx-3 py-1 inline-flex gap-3"
+        className="hover:text-teal-light mx-3 py-1 inline-flex gap-3"
       >
         <Discord className="mt-1" /> Discord
       </a>