diff --git a/components/canvascomponent.js b/components/canvascomponent.js
index 1ee8568..a7bf181 100644
--- a/components/canvascomponent.js
+++ b/components/canvascomponent.js
@@ -7,68 +7,8 @@ import { useLoader } from '@react-three/fiber'
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
 import { useGLTF, useGLB } from "@react-three/drei";
 
-// export function CanvasComponent({setCanvasRef}) {
-
-
-//     return (
-//         <>
-//         <Canvas
-//             gl={{ preserveDrawingBuffer: true }}
-//         >
-//             <Scene setCanvasRef={setCanvasRef}/>
-//             <OrbitControls dampingFactor={0.3} />
-//         </Canvas>
-
-//         </>
-//       )
-// }
-
-// function Scene({setCanvasRef}) {
-//   const gl = useThree((state) => state.gl)
-//   setCanvasRef(gl.domElement);
-
-
-//   return (
-//     <>
-//       <ambientLight />
-//       <pointLight position={[10, 10, 10]} />
-     
-//       <Model position={[0, 0, 0]} /> 
-//     </>
-//   )
-// }
-
-
-
-//   function Model(props) {
-//     const { nodes, materials } = useGLTF("/sneaker.glb");
-//     return (
-//       <group {...props} dispose={null}>
-//         <group rotation={[-Math.PI / 2, 0, 0]}>
-//           <group rotation={[Math.PI / 2, 0, 0]} scale={0.01}>
-//             <group
-//               position={[0, 5.13, 0]}
-//               rotation={[-Math.PI / 2, 0, 0]}
-//               scale={100}
-//             >
-//               <mesh
-//                 geometry={nodes.Plane_Material_0.geometry}
-//                 material={materials.Material}
-//               />
-//             </group>
-//           </group>
-//         </group>
-//       </group>
-//     );
-//   }
-  
-//   useGLTF.preload("/sneaker.glb");
-
-
 
 export function CanvasComponent({setCanvasRef, gltfModel}) {
-
-
   return (
       <>
       <Canvas
@@ -83,19 +23,6 @@ export function CanvasComponent({setCanvasRef, gltfModel}) {
 }
 
 
-// function Scene({ setCanvasRef, gltfModel }) {
-//   const gl = useThree((state) => state.gl)
-//   setCanvasRef(gl.domElement);
-  
-//   return (
-//       <>
-
-//           <Model gltfModel={gltfModel}  position={[0, 0, 0]} /> 
-//       </>
-//   )
-// }
-
-
 function Scene({ setCanvasRef, gltfModel }) {
   const { gl, camera } = useThree();
 
@@ -117,9 +44,6 @@ function Scene({ setCanvasRef, gltfModel }) {
 
 function Model({ gltfModel, ...props }) {
 
-  console.log(gltfModel)
-
-
   const { nodes, materials } = gltfModel;
   
   console.log("model loaded")
@@ -147,4 +71,3 @@ function Light({ brightness, color }) {
     />
   );
 }
-// useGLTF.preload("/sneaker.glb");
\ No newline at end of file