chore: convert class components to functional (#2065)

1 files changed, 22 insertions, 0 deletions

diff --git a/src/components/ui/AppLoader/styles.ts b/src/components/ui/AppLoader/styles.ts
new file mode 100644
index 000000000..9891e0387
--- /dev/null
+++ b/src/components/ui/AppLoader/styles.ts
@@ -0,0 +1,22 @@
+let sloganTransition = 'none';
+
+if (window && window.matchMedia('(prefers-reduced-motion: no-preference)')) {
+  sloganTransition = 'opacity 1s ease';
+}
+
+export default {
+  component: {
+    color: '#FFF',
+  },
+  slogan: {
+    display: 'block',
+    opacity: 0,
+    transition: sloganTransition,
+    position: 'absolute',
+    textAlign: 'center',
+    width: '100%',
+  },
+  visible: {
+    opacity: 1,
+  },
+};