From 1743b407746c2d11f67d253466a4493f74d17b62 Mon Sep 17 00:00:00 2001 From: Paul Wackerow <54227730+wackerow@users.noreply.github.com> Date: Wed, 16 Jul 2025 11:08:14 -0700 Subject: [PATCH 1/3] fix: initial morpher transition after initial load (words[0]), start iterating list from words[1]; fixes duplication of first word after initial load --- src/components/Morpher/index.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/Morpher/index.tsx b/src/components/Morpher/index.tsx index b0d302e0596..2dd26d54a59 100644 --- a/src/components/Morpher/index.tsx +++ b/src/components/Morpher/index.tsx @@ -19,7 +19,7 @@ const Morpher = ({ const morphTimeoutRef = useRef(null) const morphIntervalRef = useRef(null) - const counterRef = useRef(0) + const counterRef = useRef(1) const wordsRef = useRef(words) const currentTextRef = useRef(currentText) const isAnimatingRef = useRef(false) @@ -117,10 +117,10 @@ const Morpher = ({ // If reduced motion is preferred, show static text cycling if (prefersReducedMotion) { morphIntervalRef.current = setInterval(() => { - counterRef.current = (counterRef.current + 1) % wordsRef.current.length const nextWord = wordsRef.current[counterRef.current] setCurrentText(nextWord) currentTextRef.current = nextWord + counterRef.current = (counterRef.current + 1) % wordsRef.current.length }, 3000) } else { // Defer animation start by 2 seconds to improve initial page load From 51877ff7014c9a09be5c3d4d32a591cfb23ab457 Mon Sep 17 00:00:00 2001 From: Corwin Smith Date: Thu, 17 Jul 2025 12:03:41 -0600 Subject: [PATCH 2/3] fix: adjust roadmap component layout for different browsers --- app/[locale]/roadmap/_components/roadmap.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/[locale]/roadmap/_components/roadmap.tsx b/app/[locale]/roadmap/_components/roadmap.tsx index d60d81dbe4d..2e627a23cf1 100644 --- a/app/[locale]/roadmap/_components/roadmap.tsx +++ b/app/[locale]/roadmap/_components/roadmap.tsx @@ -134,11 +134,11 @@ const RoadmapPage = () => { from its current form into a fully scaled, maximally resilient platform.

-
+
{changesComingItems.map((item) => (

{item.title}

From 227a49bfc9283b8cc7416031c5648bdbad278147 Mon Sep 17 00:00:00 2001 From: Paul Wackerow <54227730+wackerow@users.noreply.github.com> Date: Thu, 17 Jul 2025 13:46:45 -0700 Subject: [PATCH 3/3] fix: chromatic svg/icon regressions --- .../ListenToPlayer/PlayerWidget/index.tsx | 2 +- .../Quiz/QuizWidget/QuizConfetti.tsx | 19 +++++-------- .../Simulator/screens/ConnectWeb3/Slider.tsx | 2 +- .../screens/CreateAccount/GeneratingKeys.tsx | 9 +++++-- .../Simulator/screens/SendReceive/Success.tsx | 5 +++- src/components/Tooltip/Tooltip.stories.tsx | 2 +- src/components/icons/quiz/star-confetti.svg | 27 +++++++++++++++++-- src/components/ui/buttons/Button.tsx | 6 ++--- src/components/ui/carousel.tsx | 4 +-- src/components/ui/radio-group.tsx | 2 +- 10 files changed, 52 insertions(+), 26 deletions(-) diff --git a/src/components/ListenToPlayer/PlayerWidget/index.tsx b/src/components/ListenToPlayer/PlayerWidget/index.tsx index 565e32b4776..2d0c5bec989 100644 --- a/src/components/ListenToPlayer/PlayerWidget/index.tsx +++ b/src/components/ListenToPlayer/PlayerWidget/index.tsx @@ -160,7 +160,7 @@ const PlayerWidget = ({ }) }} > - +
diff --git a/src/components/Quiz/QuizWidget/QuizConfetti.tsx b/src/components/Quiz/QuizWidget/QuizConfetti.tsx index 3e3366c3df6..1b45a74aab9 100644 --- a/src/components/Quiz/QuizWidget/QuizConfetti.tsx +++ b/src/components/Quiz/QuizWidget/QuizConfetti.tsx @@ -1,16 +1,11 @@ import * as React from "react" -import { cn } from "@/lib/utils/cn" - import { StarConfettiIcon } from "../../icons/quiz" -export const QuizConfetti = () => { - const commonClasses = "absolute" - return ( -
- - - -
- ) -} +export const QuizConfetti = () => ( +
+ {/* Use left/right (not start/end) to keep SVG orientation correct for placement */} + + +
+) diff --git a/src/components/Simulator/screens/ConnectWeb3/Slider.tsx b/src/components/Simulator/screens/ConnectWeb3/Slider.tsx index c568e80bd33..1f4931d0ae1 100644 --- a/src/components/Simulator/screens/ConnectWeb3/Slider.tsx +++ b/src/components/Simulator/screens/ConnectWeb3/Slider.tsx @@ -39,7 +39,7 @@ export const Slider = ({ isConnected, displayUrl, children }: SliderProps) => { animate={{ scale: 1 }} transition={{ type: "spring", delay: 0.25 }} > - + {/* eslint-disable-next-line no-constant-condition */} - {false && loading ? ( + {loading ? ( - + )}

diff --git a/src/components/Simulator/screens/SendReceive/Success.tsx b/src/components/Simulator/screens/SendReceive/Success.tsx index af50f4ff9c4..9ae40eb11a3 100644 --- a/src/components/Simulator/screens/SendReceive/Success.tsx +++ b/src/components/Simulator/screens/SendReceive/Success.tsx @@ -103,7 +103,10 @@ export const Success = ({ data-testid="success-icon" > )} diff --git a/src/components/Tooltip/Tooltip.stories.tsx b/src/components/Tooltip/Tooltip.stories.tsx index c78d0d219aa..3ee16ce57f6 100644 --- a/src/components/Tooltip/Tooltip.stories.tsx +++ b/src/components/Tooltip/Tooltip.stories.tsx @@ -22,7 +22,7 @@ const meta = { content: , children: ( - + ), }, diff --git a/src/components/icons/quiz/star-confetti.svg b/src/components/icons/quiz/star-confetti.svg index 7a27b8fb3c2..643d19d2ad3 100644 --- a/src/components/icons/quiz/star-confetti.svg +++ b/src/components/icons/quiz/star-confetti.svg @@ -1,3 +1,26 @@ - - + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/ui/buttons/Button.tsx b/src/components/ui/buttons/Button.tsx index 774e0703a49..c64738050df 100644 --- a/src/components/ui/buttons/Button.tsx +++ b/src/components/ui/buttons/Button.tsx @@ -41,9 +41,9 @@ const buttonVariants = cva( link: "border-transparent hover:shadow-none underline !min-h-0 !py-0 !px-1 active:text-primary", }, size: { - lg: "text-lg py-3 px-8 [&>svg]:text-2xl rounded-lg focus-visible:rounded-lg", - md: "min-h-10.5 px-4 py-2 [&>svg]:text-2xl", - sm: "text-xs min-h-[31px] py-1.5 px-2 [&>svg]:text-md", + lg: "text-lg py-3 px-8 [&>svg]:size-6 rounded-lg focus-visible:rounded-lg", + md: "min-h-10.5 px-4 py-2 [&>svg]:size-6", + sm: "text-xs min-h-[31px] py-1.5 px-2 [&>svg]:size-4", }, }, defaultVariants: { diff --git a/src/components/ui/carousel.tsx b/src/components/ui/carousel.tsx index ee852d1eca9..807c08c704a 100644 --- a/src/components/ui/carousel.tsx +++ b/src/components/ui/carousel.tsx @@ -217,7 +217,7 @@ const CarouselPrevious = React.forwardRef< onClick={scrollPrev} {...props} > - + Previous slide ) @@ -246,7 +246,7 @@ const CarouselNext = React.forwardRef< onClick={scrollNext} {...props} > - + Next slide ) diff --git a/src/components/ui/radio-group.tsx b/src/components/ui/radio-group.tsx index 77c5d292b7b..58ec52ba80a 100644 --- a/src/components/ui/radio-group.tsx +++ b/src/components/ui/radio-group.tsx @@ -35,7 +35,7 @@ const RadioGroupItem = React.forwardRef< {...props} > - + )