handle spaces in image filenames

fix no images shouldn't cause panic

ui/Cargo.toml

@@ -28,3 +28,4 @@ chrono = "0.4.24"
 directories = "5.0.1"
 itertools = "0.10.5"
 copypasta = "0.10.0"
+urlencoding = "2.1.3"

ui/src/main.rs

@@ -101,9 +101,12 @@ fn main() {
                 // remove leading '/' from path
                 let requested_image = req.uri().path().strip_prefix('/').unwrap();
 
+                // remove any url encoding (spaces etc)
+                let decoded = urlencoding::decode(requested_image).expect("UTF-8");
+
                 // now see if we've got the image requested:
                 if let Some(v) = image_vec.borrow().as_ref() {
-                    if let Some(image) = v.iter().find(|bd| bd.name == requested_image) {
+                    if let Some(image) = v.iter().find(|bd| bd.name == decoded) {
                         let response = Response::builder()
                             .header("Content-Type", "image/png")
                             .header("Content-Length", image.data.len().to_string())

ui/src/rsx/image_edit.rs

@@ -14,7 +14,15 @@ pub struct ImageEditProps {
 }
 
 pub fn image_edit(cx: Scope<ImageEditProps>) -> Element {
-    let item_from_props = BinItem::from_selectable(&cx.props.item).unwrap();
+    let binitem_from_props = BinItem::from_selectable(&cx.props.item);
+
+    if binitem_from_props.is_none() {
+        return cx.render(rsx! {
+            "Nothing to edit"
+        });
+    }
+
+    let item_from_props = binitem_from_props.unwrap();
     let item_state = use_state(cx, || item_from_props.to_owned());
     let orig_name = use_state(cx, || item_state.get().name.to_owned());