move AnimatedBackground to main app

lotmek · Nov 7, 2023 · ac3d3c0 · ac3d3c0
1 parent 861b63b
commit ac3d3c0
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 6 deletions.
diff --git a/webapp/src/App.tsx b/webapp/src/App.tsx
@@ -1,9 +1,11 @@
+import { AnimatedBackground } from "./components/AnimatedBackground";
 import ErrorBoundary from "./error/error-boundary/error-boundary";
 import AppRoutes from "./router";
 
 export const AppComponent = () => {
   return (
     <ErrorBoundary>
+      <AnimatedBackground />
       <AppRoutes />
     </ErrorBoundary>
   );

diff --git a/webapp/src/features/create/CreateCardPage.tsx b/webapp/src/features/create/CreateCardPage.tsx
@@ -2,13 +2,11 @@ import "react";
 import "twin.macro";
 import { Navbar } from "../../components/Navbar";
 import { PageContainer } from "../../components/PageContainer";
-import { AnimatedBackground } from "../../components/AnimatedBackground";
 import { CreateCard } from "./CreateCard";
 
 export const CreateCardPage = () => {
   return (
     <PageContainer tw="bg-tertiary">
-      <AnimatedBackground />
       <Navbar />
       <CreateCard />
     </PageContainer>

diff --git a/webapp/src/features/home/HomePage.tsx b/webapp/src/features/home/HomePage.tsx
@@ -3,12 +3,10 @@ import "twin.macro";
 import { Navbar } from "../../components/Navbar";
 import { PageContainer } from "../../components/PageContainer";
 import { Home } from "./Home";
-import { AnimatedBackground } from "../../components/AnimatedBackground";
 
 export const HomePage = () => {
   return (
     <PageContainer tw="bg-tertiary">
-      <AnimatedBackground />
       <Navbar />
       <Home />
     </PageContainer>

diff --git a/webapp/src/features/review/ReviewCardPage.tsx b/webapp/src/features/review/ReviewCardPage.tsx
@@ -3,12 +3,10 @@ import "twin.macro";
 import { Navbar } from "../../components/Navbar";
 import { PageContainer } from "../../components/PageContainer";
 import { ReviewCard } from "./ReviewCard";
-import { AnimatedBackground } from "../../components/AnimatedBackground";
 
 export const ReviewCardPage = () => {
   return (
     <PageContainer tw="bg-tertiary">
-      <AnimatedBackground />
       <Navbar />
       <ReviewCard />
     </PageContainer>