fix for last failed build 1

This commit is contained in:
Pratyay360
2024-08-13 15:45:36 +05:30
parent 7247eed3e1
commit 66aea6af9a

View File

@@ -1,22 +1,22 @@
"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;
children: React.ReactNode
className?: string
variant?: {
hidden: { y: number };
visible: { y: number };
};
duration?: number;
delay?: number;
yOffset?: number;
inView?: boolean;
inViewMargin?: any;
blur?: string;
hidden: { y: number }
visible: { y: number }
}
duration?: number
delay?: number
yOffset?: number
inView?: boolean
inViewMargin?: any
blur?: string
}
export default function BlurFade({
@@ -27,34 +27,34 @@ export default function BlurFade({
delay = 0,
yOffset = 6,
inView = false,
inViewMargin = "-50px",
blur = "6px",
inViewMargin = '-50px',
blur = '6px',
}: BlurFadeProps) {
const ref = useRef(null);
const inViewResult = useInView(ref, { once: true, margin: inViewMargin });
const isInView = !inView || inViewResult;
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;
}
const combinedVariants = variant || defaultVariants
return (
<AnimatePresence>
<motion.div
ref={ref}
initial="hidden"
animate={isInView ? "visible" : "hidden"}
animate={isInView ? 'visible' : 'hidden'}
exit="hidden"
variants={combinedVariants}
transition={{
delay: 0.04 + delay,
duration,
ease: "easeOut",
ease: 'easeOut',
}}
className={className}
>
{children}
</motion.div>
</AnimatePresence>
);
)
}