Lint all files

This commit is contained in:
jeffvli
2023-07-01 19:10:05 -07:00
parent 22af76b4d6
commit 30e52ebb54
334 changed files with 76519 additions and 75932 deletions
@@ -4,37 +4,37 @@ import { motion } from 'framer-motion';
import styled from 'styled-components';
interface AnimatedPageProps {
children: ReactNode;
children: ReactNode;
}
const StyledAnimatedPage = styled(motion.main)`
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: hidden;
`;
const variants = {
animate: { opacity: 1 },
exit: { opacity: 0 },
initial: { opacity: 0 },
animate: { opacity: 1 },
exit: { opacity: 0 },
initial: { opacity: 0 },
};
export const AnimatedPage = forwardRef(
({ children }: AnimatedPageProps, ref: Ref<HTMLDivElement>) => {
return (
<StyledAnimatedPage
ref={ref}
animate="animate"
exit="exit"
initial="initial"
transition={{ duration: 0.5, ease: 'anticipate' }}
variants={variants}
>
{children}
</StyledAnimatedPage>
);
},
({ children }: AnimatedPageProps, ref: Ref<HTMLDivElement>) => {
return (
<StyledAnimatedPage
ref={ref}
animate="animate"
exit="exit"
initial="initial"
transition={{ duration: 0.5, ease: 'anticipate' }}
variants={variants}
>
{children}
</StyledAnimatedPage>
);
},
);