From c069d132c1a32ae889fe4f94f4e68c47f3e88e2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 4 May 2024 16:44:37 -0500
Subject: [PATCH] feat: loading bar

---
 .../[id]/components/Model/components/ModelLoader.tsx          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/components/ModelLoader.tsx b/src/app/tools/tankopedia/[id]/components/Model/components/ModelLoader.tsx
index 54190a071..ba6110ac9 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/components/ModelLoader.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/components/ModelLoader.tsx
@@ -1,12 +1,12 @@
+import { Progress } from '@radix-ui/themes';
 import { Html, useProgress } from '@react-three/drei';
-import { Loader } from '../../../../../../../components/Loader';
 
 export function ModelLoader() {
   const { progress } = useProgress();
 
   return (
     <Html center position={[0, 1.5, 0]}>
-      <Loader naked progress={progress / 100} />
+      <Progress value={progress} style={{ width: 160 }} />
     </Html>
   );
 }