Avatar

partials/landing/account/dashboard.php

@@ -2,6 +2,7 @@
 $app = app();
 $vm = \App\AccountPages::dashboard($app);
 extract($vm, EXTR_OVERWRITE);
+$avatarPlaceholder = 'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22%3E%3Crect width=%2212%22 height=%2212%22 fill=%22%23f7efe6%22/%3E%3C/svg%3E';
 $editing = isset($editEvent) && $editEvent !== null;
 $actionEvent = $editing ? 'event_update' : 'event_add';
 $startVal = $editEvent ? date('Y-m-d\TH:i', strtotime((string)$editEvent['starts_at'])) : '';
@@ -343,9 +344,10 @@ $sectionLinks = [
                         >
                         <span class="avatar-component-card__thumb">
                           <img
-                            src="<?= htmlspecialchars((string)$choice['image'], ENT_QUOTES) ?>"
+                            src="<?= htmlspecialchars($avatarPlaceholder, ENT_QUOTES) ?>"
                             alt="<?= htmlspecialchars((string)$choice['label'], ENT_QUOTES) ?>"
                             data-avatar-option-thumb
+                            data-avatar-option-src="<?= htmlspecialchars((string)$choice['image'], ENT_QUOTES) ?>"
                             data-avatar-option-field="<?= htmlspecialchars((string)$field, ENT_QUOTES) ?>"
                             data-avatar-option-value="<?= htmlspecialchars((string)$choice['value'], ENT_QUOTES) ?>"
                           >
@@ -593,9 +595,7 @@ $sectionLinks = [
     btn.addEventListener('click', () => {
       const id = btn.getAttribute('data-modal-open');
       const modal = document.getElementById(id);
-      if (modal) {
-        modal.classList.add('open');
-      }
+      if (modal) modal.classList.add('open');
     });
   });
   document.querySelectorAll('[data-modal-close]').forEach(btn => {