Replace Lottie with LottieFiles Player for logo animations and update…

… dependencies
carrismetropolitana · Dec 16, 2024 · 89fe3fa · 89fe3fa
1 parent d077ac0
commit 89fe3fa
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/frontend/components/header/Logo/index.tsx b/frontend/components/header/Logo/index.tsx
@@ -5,7 +5,7 @@
 import { ThemeSwitch } from '@/components/responsive/ThemeSwitch';
 // import { BrandsCmet } from '@/settings/assets.settings';
 // import { Image } from '@mantine/core';
-import Lottie from 'lottie-react';
+import { Player } from '@lottiefiles/react-lottie-player';
 import Link from 'next/link';
 
 import styles from './styles.module.css';
@@ -21,8 +21,8 @@ export function Logo() {
 	return (
 		<Link className={styles.container} href="/">
 			<ThemeSwitch
-				dark={<Lottie animationData={xmasDarkAnimation} style={{ height: 70, width: 150 }} />}
-				light={<Lottie animationData={xmasLightAnimation} style={{ height: 70, width: 150 }} />}
+				dark={<Player src={xmasDarkAnimation} style={{ height: 70, width: 150 }} autoplay />}
+				light={<Player src={xmasLightAnimation} style={{ height: 70, width: 150 }} autoplay />}
 			/>
 		</Link>
 	);

diff --git a/frontend/package.json b/frontend/package.json
@@ -10,6 +10,7 @@
 		"start": "next start"
 	},
 	"dependencies": {
+		"@lottiefiles/react-lottie-player": "3.5.4",
 		"@mantine/carousel": "7.15.1",
 		"@mantine/charts": "7.15.1",
 		"@mantine/core": "7.15.1",
@@ -29,7 +30,6 @@
 		"embla-carousel-wheel-gestures": "8.0.1",
 		"inflected": "2.1.0",
 		"jsonwebtoken": "9.0.2",
-		"lottie-react": "2.4.0",
 		"luxon": "3.5.0",
 		"maplibre-gl": "4.7.1",
 		"next": "15.1.0",
@@ -49,7 +49,7 @@
 		"uuid": "11.0.3"
 	},
 	"devDependencies": {
-		"@carrismetropolitana/api-types": "20241215.2333.33",
+		"@carrismetropolitana/api-types": "20241216.14.9",
 		"@carrismetropolitana/eslint": "20241024.1600.5",
 		"@types/jsonwebtoken": "9.0.7",
 		"@types/luxon": "3.4.2",