From 7247eed3e1d21491733527e3a988072772b09c43 Mon Sep 17 00:00:00 2001 From: Pratyay360 Date: Tue, 13 Aug 2024 15:45:14 +0530 Subject: [PATCH 1/2] fix for last failed build 1 --- src/components/ui/blur-fade.tsx | 104 ++++++++++++++++---------------- 1 file changed, 52 insertions(+), 52 deletions(-) diff --git a/src/components/ui/blur-fade.tsx b/src/components/ui/blur-fade.tsx index df2e1dc..797f7bc 100644 --- a/src/components/ui/blur-fade.tsx +++ b/src/components/ui/blur-fade.tsx @@ -1,60 +1,60 @@ -'use client' +"use client"; -import { useRef } from 'react' -import type { Variants } from 'framer-motion' -import { AnimatePresence, motion, useInView } from 'framer-motion' +import { useRef } from "react"; +import type { Variants } from "framer-motion"; +import { AnimatePresence, motion, useInView } from "framer-motion"; interface BlurFadeProps { - children: React.ReactNode - className?: string - variant?: { - hidden: { y: number } - visible: { y: number } - } - duration?: number - delay?: number - yOffset?: number - inView?: boolean - inViewMargin?: string - blur?: string + children: React.ReactNode; + className?: string; + variant?: { + hidden: { y: number }; + visible: { y: number }; + }; + duration?: number; + delay?: number; + yOffset?: number; + inView?: boolean; + inViewMargin?: any; + blur?: string; } export default function BlurFade({ - children, - className, - variant, - duration = 0.4, - delay = 0, - yOffset = 6, - inView = false, - inViewMargin = '-50px', - blur = '6px', + children, + className, + variant, + duration = 0.4, + delay = 0, + yOffset = 6, + inView = false, + inViewMargin = "-50px", + blur = "6px", }: BlurFadeProps) { - const ref = useRef(null) - const inViewResult = useInView(ref, { once: true, margin: inViewMargin }) - const isInView = !inView || inViewResult - const defaultVariants: Variants = { - hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` }, - visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` }, - } - const combinedVariants = variant || defaultVariants - return ( - - - {children} - - - ) + const ref = useRef(null); + const inViewResult = useInView(ref, { once: true, margin: inViewMargin }); + const isInView = !inView || inViewResult; + const defaultVariants: Variants = { + hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` }, + visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` }, + }; + const combinedVariants = variant || defaultVariants; + return ( + + + {children} + + + ); } From 66aea6af9a227246abeb6a254a5b224d841615b5 Mon Sep 17 00:00:00 2001 From: Pratyay360 Date: Tue, 13 Aug 2024 15:45:36 +0530 Subject: [PATCH 2/2] fix for last failed build 1 --- src/components/ui/blur-fade.tsx | 104 ++++++++++++++++---------------- 1 file changed, 52 insertions(+), 52 deletions(-) diff --git a/src/components/ui/blur-fade.tsx b/src/components/ui/blur-fade.tsx index 797f7bc..f7427b7 100644 --- a/src/components/ui/blur-fade.tsx +++ b/src/components/ui/blur-fade.tsx @@ -1,60 +1,60 @@ -"use client"; +'use client' -import { useRef } from "react"; -import type { Variants } from "framer-motion"; -import { AnimatePresence, motion, useInView } from "framer-motion"; +import { useRef } from 'react' +import type { Variants } from 'framer-motion' +import { AnimatePresence, motion, useInView } from 'framer-motion' interface BlurFadeProps { - children: React.ReactNode; - className?: string; - variant?: { - hidden: { y: number }; - visible: { y: number }; - }; - duration?: number; - delay?: number; - yOffset?: number; - inView?: boolean; - inViewMargin?: any; - blur?: string; + children: React.ReactNode + className?: string + variant?: { + hidden: { y: number } + visible: { y: number } + } + duration?: number + delay?: number + yOffset?: number + inView?: boolean + inViewMargin?: any + blur?: string } export default function BlurFade({ - children, - className, - variant, - duration = 0.4, - delay = 0, - yOffset = 6, - inView = false, - inViewMargin = "-50px", - blur = "6px", + children, + className, + variant, + duration = 0.4, + delay = 0, + yOffset = 6, + inView = false, + inViewMargin = '-50px', + blur = '6px', }: BlurFadeProps) { - const ref = useRef(null); - const inViewResult = useInView(ref, { once: true, margin: inViewMargin }); - const isInView = !inView || inViewResult; - const defaultVariants: Variants = { - hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` }, - visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` }, - }; - const combinedVariants = variant || defaultVariants; - return ( - - - {children} - - - ); + const ref = useRef(null) + const inViewResult = useInView(ref, { once: true, margin: inViewMargin }) + const isInView = !inView || inViewResult + const defaultVariants: Variants = { + hidden: { y: yOffset, opacity: 0, filter: `blur(${blur})` }, + visible: { y: -yOffset, opacity: 1, filter: `blur(0px)` }, + } + const combinedVariants = variant || defaultVariants + return ( + + + {children} + + + ) }