fix/sphere-no-animation-path

ui/sphere/src/loader/loader.component.tsx

@@ -1,16 +1,16 @@
-import { useGLTF }               from '@react-three/drei'
+import { useGLTF }                      from '@react-three/drei'
 
-import React                     from 'react'
-import { Suspense }              from 'react'
-import { FC }                    from 'react'
-import { PropsWithChildren }     from 'react'
+import React                            from 'react'
+import { Suspense }                     from 'react'
+import { FC }                           from 'react'
+import { PropsWithChildren }            from 'react'
 
-import { SphereNoAnimationGltf } from '../../assets'
-import { CDN_SPHERE_PATH }       from '../sphere.constants'
+import { CDN_SPHERE_NO_ANIMATION_PATH } from '../sphere.constants'
+import { CDN_SPHERE_PATH }              from '../sphere.constants'
 
 export const Loader: FC<PropsWithChildren<{}>> = ({ children }) => (
   <Suspense fallback={null}>{children}</Suspense>
 )
 
 useGLTF.preload(CDN_SPHERE_PATH)
-useGLTF.preload(SphereNoAnimationGltf)
+useGLTF.preload(CDN_SPHERE_NO_ANIMATION_PATH)

ui/sphere/src/model-no-animation/model-no-animation.component.tsx

@@ -1,17 +1,17 @@
-import { useGLTF }               from '@react-three/drei'
+import { useGLTF }                      from '@react-three/drei'
 
-import React                     from 'react'
-import { FC }                    from 'react'
-import { Group }                 from 'three'
-import { useRef }                from 'react'
+import React                            from 'react'
+import { FC }                           from 'react'
+import { Group }                        from 'three'
+import { useRef }                       from 'react'
 
-import { SphereNoAnimationGltf } from '../../assets'
-import { GLTFResult }            from './model-no-animation.interfaces'
-import { ModelProps }            from './model-no-animation.interfaces'
+import { CDN_SPHERE_NO_ANIMATION_PATH } from '../sphere.constants'
+import { GLTFResult }                   from './model-no-animation.interfaces'
+import { ModelProps }                   from './model-no-animation.interfaces'
 
 export const ModelNoAnimation: FC<ModelProps> = (props) => {
   const group = useRef<Group>(null)
-  const { nodes, materials } = useGLTF(SphereNoAnimationGltf, true) as unknown as GLTFResult
+  const { nodes, materials } = useGLTF(CDN_SPHERE_NO_ANIMATION_PATH, true) as unknown as GLTFResult
 
   return (
     <group ref={group} {...props} dispose={null}>

ui/sphere/src/sphere.constants.ts

@@ -1 +1,2 @@
 export const CDN_SPHERE_PATH = 'https://cdn.dream-team.tech/sphere.gltf'
+export const CDN_SPHERE_NO_ANIMATION_PATH = 'https://cdn.dream-team.tech/sphere-no-animation.gltf'