Add photo crop tool with react-easy-crop and multi-size avatar storage

Navios

23 de março de 2026 às 20:14 UTC

Autor

kamo

Enviar

c750a9d

Replace the old PhotoCropDialog with an interactive crop tool using react-easy-crop. When uploading or editing a photo, users now select a square crop area (with circle guide) and the system generates 4 versions: original, small (50x50), medium (150x150), and large (350x350). Backend URL responses now point to the _sm variant by default so all avatar displays across the project use the optimized small version.