Merge pull request #891 from jakeherp/fix/uses-page-animation

fix(uses-page): adds page animation back

Author: jakeherp

CHANGELOG.md

@@ -1,3 +1,9 @@
+# 4.0.2
+
+## fixes
+
+- _uses page:_ adds page animation back
+
 # 4.0.1
 
 ## fixes

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "portfolio",
 	"description": "A redesign of my portfolio website.",
-	"version": "4.0.1",
+	"version": "4.0.2",
 	"author": {
 		"name": "Jacob Herper",
 		"email": "[email protected]",

src/app/(user)/case-studies/[slug]/page.tsx

@@ -7,7 +7,7 @@ import { ErrorFallback } from '@components/templates/ErrorFallback';
 
 import { sanityClient } from '@lib/sanity';
 
-import { caseStudiesQuery } from '@root/src/queries/caseStudies';
+import { caseStudiesQuery } from '@queries/caseStudies';
 import { CaseStudy } from '@types';
 import { groq } from 'next-sanity';
 import Image from 'next/image';

src/app/(user)/case-studies/page.tsx

@@ -4,7 +4,7 @@ import { CaseStudy } from '@components/molecules/CaseStudy';
 
 import { sanityClient } from '@lib/sanity';
 
-import { caseStudiesQuery } from '@root/src/queries/caseStudies';
+import { caseStudiesQuery } from '@queries/caseStudies';
 import { CaseStudy as CaseStudyType } from '@types';
 
 export const metadata = {

src/app/(user)/uses/page.tsx

@@ -1,3 +1,4 @@
+import { AnimatePage } from '@components/atoms/AnimatePage';
 import { Container } from '@components/atoms/Container';
 import { ContentBlock } from '@components/atoms/ContentBlock';
 
@@ -22,10 +23,12 @@ const UsesPage = async () => {
 	const page = await getData();
 
 	return (
-		<Container>
-			<h1 className="headline text-3xl md:text-5xl lg:text-6xl mt-8">Uses</h1>
-			<ContentBlock value={page.body} />
-		</Container>
+		<AnimatePage>
+			<Container>
+				<h1 className="headline text-3xl md:text-5xl lg:text-6xl mt-8">Uses</h1>
+				<ContentBlock value={page.body} />
+			</Container>
+		</AnimatePage>
 	);
 };