Update reminders

src/components/Reminder/Embed/Footer.tsx

@@ -1,13 +1,26 @@
-export const Footer = ({ footer, icon }) => (
+import { Reminder } from "../../../api";
+import { ImagePicker } from "../ImagePicker";
+
+type Props = {
+    footer: string;
+    icon: string;
+    setReminder: (r: (reminder: Reminder) => void) => void;
+};
+
+export const Footer = ({ footer, icon, setReminder }: Props) => (
     <div class="embed-footer-box">
         <p class="image is-20x20 customizable">
-            <a>
-                <img
-                    class="is-rounded embed_footer_url"
-                    src={icon || "/static/img/bg.webp"}
-                    alt="Footer profile-like image"
-                ></img>
-            </a>
+            <ImagePicker
+                class="is-rounded embed_footer_url"
+                url={icon}
+                alt="Footer profile-like image"
+                setImage={(url: string) => {
+                    setReminder((reminder) => ({
+                        ...reminder,
+                        embed_footer_url: url,
+                    }));
+                }}
+            ></ImagePicker>
         </p>
         <label class="is-sr-only" for="embedFooter">
             Embed Footer text
@@ -19,6 +32,12 @@ export const Footer = ({ footer, icon }) => (
             name="embed_footer"
             rows={1}
             value={footer}
+            onChange={(ev) => {
+                setReminder((reminder) => ({
+                    ...reminder,
+                    embed_footer: ev.currentTarget.value,
+                }));
+            }}
         ></textarea>
     </div>
 );