fix photos being loaded with the wrong resolution

changelog

···
   - Fixed scroll to top button being ontop of filters menu
   - Fixed photo ordering
   - Fixed automatic updates
-  - Fixed broken legacy named photos
+  - Fixed broken legacy named photos
+  - Fixed photos being loaded with the wrong resolution

src-tauri/src/frontend_calls/load_photos.rs

···
   size: usize,
 }
 
-// TODO: Multi-layer photos
-
 #[tauri::command]
 pub fn load_photos(window: tauri::Window, cache: State<Cache> ) {
   let base_dir = cache.get("photo-path".into()).unwrap();

src/Components/Managers/PhotoListRenderingManager.tsx

···
             let photo = (el as PhotoListPhoto).Photo;
 
             // === DEBUG ===
-            // ctx.strokeStyle = '#f00';
-            // ctx.strokeRect((rowXPos - row.Width / 2) + canvas.width / 2, currentY - scroll, photo.scaledWidth!, row.Height);
+            ctx.strokeStyle = '#f00';
+            ctx.strokeRect((rowXPos - row.Width / 2) + canvas.width / 2, currentY - scroll, photo.scaledWidth!, row.Height);
 
             if(!photo.loaded)
               // If the photo is not loaded, start a new task and load it in that task

src/Components/Managers/PhotoManager.tsx

···
       });
 
       this.Photos = MergeSort(this.Photos);
-      console.log(this.Photos);
+      console.log(this.Photos[0]);
 
       console.log(this.Photos.length + ' Photos found.');
+
       if(this.Photos.length === 0 || photoPaths.length > Vars.MAX_PHOTOS_BULK_LOAD){
         console.log('No photos found or over bulk load limit, Skipping loading stage.');
 
···
   
       photo.metaLoaded = true;
       photo.onMetaLoaded();
+
+      window.PhotoListRenderingManager.ComputeLayout();
 
       if(this._amountLoaded === this.Photos.length - 1 && !this.HasFirstLoaded){
         this.FilteredPhotos = this.Photos;

src/Components/PhotoList.tsx

···
     })
 
     window.PhotoListRenderingManager.SetCanvas(photoContainer!);
-    window.PhotoListRenderingManager.ComputeLayout();
 
     render();
   });

src/Components/PhotoViewer.tsx

···
     )
   }
 
+  let toggleLayerManager = () => {
+    
+  }
+
+  // TODO: Make layers selectable
+
   return (
     <div class="photo-viewer" ref={( el ) => viewer = el}>
       <div class="photo-context-menu" ref={( el ) => viewerContextMenu = el}>
···
 
         <Show when={window.PhotoViewerManager.CurrentPhoto()?.isMultiLayer}>
           <div class="viewer-button"
+            onClick={toggleLayerManager}
             onMouseOver={( el ) => animate(el.currentTarget, { width: '40px', height: '40px', 'margin-left': '15px', 'margin-right': '15px', 'margin-top': '-10px' })}
             onMouseLeave={( el ) => animate(el.currentTarget, { width: '30px', height: '30px', 'margin-left': '20px', 'margin-right': '20px', 'margin-top': '0px' })}
           >

src/Components/Structs/Photo.ts

···
     else
       resSplit = split[3].split('x')
 
-    let width = parseInt(resSplit[0]);
-    let height = parseInt(resSplit[1]);
+    // let width = parseInt(resSplit[0]);
+    // let height = parseInt(resSplit[1]);
 
-    if(!isNaN(width) || !isNaN(height)){
-      this.width = width;
-      this.height = height;
-  
-      let scale = Vars.PHOTO_HEIGHT / this.height;
-  
-      this.scaledWidth = this.width * scale;
-      this.scaledHeight = Vars.PHOTO_HEIGHT;
-    }
+    // if(!isNaN(width) || !isNaN(height)){
+    //   this.width = width;
+    //   this.height = height;
+
+    //   let scale = Vars.PHOTO_HEIGHT / this.height;
+
+    //   this.scaledWidth = this.width * scale;
+    //   this.scaledHeight = Vars.PHOTO_HEIGHT;
+    // }
   }
 
   loadMeta(){