thumbnails

alkatorapi/views.py

@@ -70,6 +70,7 @@ def photos(request):
         img = PIL.Image.open(file)
         rtn.append({
             'original': '/' + file,
+            'thumbnail': '/' + file.replace('photos/', 'photos/thumbnail/'),
             'original_width': img.width,
             'original_height': img.height,
         })

frontend/src/scripts/index.js

@@ -72,7 +72,7 @@ class Main extends Component {
         for (const photo of this.state.photos){
             photos.push({
                 source: photo.original,
-                src: photo.original,
+                src: photo.thumbnail,
                 width: photo.original_width,
                 height: photo.original_height,
             })