diff --git a/components/models/home/bocchi.tsx b/components/models/home/bocchi.tsx index f5fe252..ab8af53 100644 --- a/components/models/home/bocchi.tsx +++ b/components/models/home/bocchi.tsx @@ -1,4 +1,4 @@ -import { useGLTF, Float } from '@react-three/drei'; +import { Float, useGLTF } from '@react-three/drei'; import { useLoader } from '@react-three/fiber'; import { JSX, useMemo } from 'react'; import { useMediaQuery } from 'react-responsive'; @@ -44,7 +44,7 @@ const BocchiRubbishBin = (props: JSX.IntrinsicElements['group']) => { }, [isMobile]); return ( - + { - + {/* */} diff --git a/components/models/home/desk-camera.tsx b/components/models/home/desk-camera.tsx index 717f915..2acb6be 100644 --- a/components/models/home/desk-camera.tsx +++ b/components/models/home/desk-camera.tsx @@ -1,8 +1,8 @@ -import * as THREE from 'three'; -import { JSX, useRef } from 'react'; import { useFrame } from '@react-three/fiber'; import { easing } from 'maath'; +import { JSX, useRef } from 'react'; import { useMediaQuery } from 'react-responsive'; +import * as THREE from 'three'; const DeskCamera = ({ children }: { children: JSX.Element }) => { const groupRef = useRef(null); diff --git a/components/models/home/loading.tsx b/components/models/home/loading.tsx index 1f22ef1..1add529 100644 --- a/components/models/home/loading.tsx +++ b/components/models/home/loading.tsx @@ -1,20 +1,18 @@ -import { Html, useProgress } from '@react-three/drei'; +import { Html } from '@react-three/drei'; import clsx from 'clsx'; import RUALoading from 'components/rua/loading/rua-loading'; const Loading = () => { - // const { progress } = useProgress(); - // console.log(progress); - return (
diff --git a/components/models/home/react-logo.tsx b/components/models/home/react-logo.tsx index 56d23d9..dec9434 100644 --- a/components/models/home/react-logo.tsx +++ b/components/models/home/react-logo.tsx @@ -1,4 +1,4 @@ -import { useGLTF, Float } from '@react-three/drei'; +import { Float, useGLTF } from '@react-three/drei'; import { useLoader } from '@react-three/fiber'; import { JSX, useMemo } from 'react'; import { useMediaQuery } from 'react-responsive'; @@ -34,7 +34,7 @@ export function ReactLogo(props: JSX.IntrinsicElements['group']) { }, [isMobile]); return ( - + { alt="Loading" unoptimized /> - rua rua rua...
);