Merge branch 'stakwork:master' into master

stakwork · Dec 5, 2023 · ee27dc4 · ee27dc4
2 parents 15a717c + 28cde2b
commit ee27dc4
Show file tree

Hide file tree

Showing 13 changed files with 43,222 additions and 1,479 deletions.
diff --git a/build/assets/index-2401314d.js → build/assets/index-6115e0a2.js b/build/assets/index-2401314d.js → build/assets/index-6115e0a2.js
diff --git a/build/index.html b/build/index.html
@@ -22,7 +22,7 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>Second Brain</title>
-    <script type="module" crossorigin src="/assets/index-2401314d.js"></script>
+    <script type="module" crossorigin src="/assets/index-6115e0a2.js"></script>
     <link rel="stylesheet" href="/assets/index-9a4cd8a9.css">
   </head>
   <body style="background: #000">

diff --git a/package.json b/package.json
@@ -41,6 +41,7 @@
     "react-icons": "^4.8.0",
     "react-input-mask": "3.0.0-alpha.2",
     "react-is": "^18.2.0",
+    "react-lottie": "^1.2.3",
     "react-markdown": "^9.0.1",
     "react-player": "^2.11.2",
     "react-spinners": "^0.13.3",
@@ -166,6 +167,7 @@
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@types/react-input-mask": "3.0.2",
+    "@types/react-lottie": "^1.2.10",
     "@types/styled-components": "^5.1.25",
     "@types/three": "^0.150.2",
     "@typescript-eslint/eslint-plugin": "^5.27.1",

diff --git a/src/components/App/Splash/SpiningSphere/index.tsx b/src/components/App/Splash/SpiningSphere/index.tsx
@@ -0,0 +1,20 @@
+import Lottie from 'react-lottie'
+import { Flex } from '~/components/common/Flex'
+import preloadData from './preloader.json'
+
+export const SphereAnimation = () => (
+  <Flex style={{ width: '167px', height: '167px', opacity: 0.5 }}>
+    <Lottie
+      height={167}
+      options={{
+        loop: true,
+        autoplay: true,
+        animationData: preloadData,
+        rendererSettings: {
+          preserveAspectRatio: 'xMidYMid slice',
+        },
+      }}
+      width={167}
+    />
+  </Flex>
+)