summaryrefslogtreecommitdiff
path: root/src/core/components/layouts
diff options
context:
space:
mode:
authorRafi Zadanly <zadanlyr@gmail.com>2023-02-22 11:03:34 +0700
committerRafi Zadanly <zadanlyr@gmail.com>2023-02-22 11:03:34 +0700
commitf66b12fd1d0b83af0d7230d7b1565fbe00afbe3c (patch)
tree253dcf854a3c92e09ca846e86a09e5b4c5d16be1 /src/core/components/layouts
parent3c559031623649a67825ff47f34512f0eb946861 (diff)
prettier
Diffstat (limited to 'src/core/components/layouts')
-rw-r--r--src/core/components/layouts/AnimationLayout.jsx28
-rw-r--r--src/core/components/layouts/AppLayout.jsx10
-rw-r--r--src/core/components/layouts/BasicLayout.jsx12
3 files changed, 25 insertions, 25 deletions
diff --git a/src/core/components/layouts/AnimationLayout.jsx b/src/core/components/layouts/AnimationLayout.jsx
index cf2b06d5..357187b2 100644
--- a/src/core/components/layouts/AnimationLayout.jsx
+++ b/src/core/components/layouts/AnimationLayout.jsx
@@ -1,22 +1,24 @@
import { motion } from 'framer-motion'
const AnimationLayout = ({ children, ...props }) => {
- const transition = {
- ease: 'easeIn',
+ const transition = {
+ ease: 'easeIn',
duration: 0.3
}
- return children && (
- <motion.main
- initial={{ opacity: 0, x: 0, y: 0 }}
- animate={{ opacity: 1, x: 0, y: 0 }}
- exit={{ opacity: 0, x: 30, y: 0 }}
- transition={transition}
- {...props}
- >
- { children }
- </motion.main>
+ return (
+ children && (
+ <motion.main
+ initial={{ opacity: 0, x: 0, y: 0 }}
+ animate={{ opacity: 1, x: 0, y: 0 }}
+ exit={{ opacity: 0, x: 30, y: 0 }}
+ transition={transition}
+ {...props}
+ >
+ {children}
+ </motion.main>
+ )
)
}
-export default AnimationLayout \ No newline at end of file
+export default AnimationLayout
diff --git a/src/core/components/layouts/AppLayout.jsx b/src/core/components/layouts/AppLayout.jsx
index 3e986477..3e3c8ee5 100644
--- a/src/core/components/layouts/AppLayout.jsx
+++ b/src/core/components/layouts/AppLayout.jsx
@@ -1,15 +1,15 @@
-import AppBar from "../elements/Appbar/Appbar"
-import AnimationLayout from "./AnimationLayout"
+import AppBar from '../elements/Appbar/Appbar'
+import AnimationLayout from './AnimationLayout'
const AppLayout = ({ children, title }) => {
return (
<>
<AnimationLayout>
- <AppBar title={title}/>
- { children }
+ <AppBar title={title} />
+ {children}
</AnimationLayout>
</>
)
}
-export default AppLayout \ No newline at end of file
+export default AppLayout
diff --git a/src/core/components/layouts/BasicLayout.jsx b/src/core/components/layouts/BasicLayout.jsx
index 98134b32..6f176737 100644
--- a/src/core/components/layouts/BasicLayout.jsx
+++ b/src/core/components/layouts/BasicLayout.jsx
@@ -1,17 +1,15 @@
-import dynamic from "next/dynamic"
+import dynamic from 'next/dynamic'
-const Navbar = dynamic(() => import("../elements/Navbar/Navbar"))
-const AnimationLayout = dynamic(() => import("./AnimationLayout"))
+const Navbar = dynamic(() => import('../elements/Navbar/Navbar'))
+const AnimationLayout = dynamic(() => import('./AnimationLayout'))
const BasicLayout = ({ children }) => {
return (
<>
<Navbar />
- <AnimationLayout>
- { children }
- </AnimationLayout>
+ <AnimationLayout>{children}</AnimationLayout>
</>
)
}
-export default BasicLayout \ No newline at end of file
+export default BasicLayout