fix trophy viewer and models

app/components/user/badge-viewer.js

@@ -63,7 +63,8 @@ export default class UserBadgeViewer extends Component {
     light2.position.set(120, 130, -130);
     this.scene.add(light2);
 
-    let modelUrl = `/assets/models/${this.args.badge.name}.glb`;
+    let modelUrl = `/assets/models/${this.args.badge.name.replaceAll(" ", "_")}.glb`;
+    //let modelUrl = this.args.glbUrl;
     const loader = new GLTFLoader();
     console.log(loader);
     loader.load(
@@ -83,4 +84,4 @@ declare module '@glint/environment-ember-loose/registry' {
     UserBadgeViewer: typeof UserBadgeViewer;
   }
 }
-  
+

app/models/trophy-award.ts

@@ -7,6 +7,10 @@ export default class TrophyAward extends Model {
   @attr('string') declare name: string;
   @attr('string') declare imageUrl: string;
   @attr('string') declare modelUrl: string;
+
+  get url() {
+    return this.imageUrl;
+  }
 }
 
 // DO NOT DELETE: this is how TypeScript knows how to look up your models.

app/templates/home/shrimpos/entries/show.hbs

@@ -38,12 +38,7 @@
           <div class="">
             <div>
               {{#each this.model.trophyAwards as |trophyAward|}}
-                <span>
-                  <img
-                    style="height: 3rem;"
-                    src="{{trophyAward.imageUrl}}"
-                    alt="{{trophyAward.name}}" />
-                </span>
+                <User::BadgeViewerContainer @badge={{trophyAward}} />
               {{/each}}
             </div>
             <span class="font-extrabold">{{formatted-shrimpo-ranking this.model.ranking this.model.shrimpo.savedShrimpoEntries.length}}</span>
@@ -83,4 +78,4 @@
       </section>
     </section>
   </section>
-</section>
+</section>