| @@ -22,9 +22,17 @@ | ||
| 22 | 22 | </div> |
| 23 | 23 | |
| 24 | 24 | <?php if($profileData): ?> |
| 25 | 25 | <div class="fct-customer-dashboard-customer-info" role="banner"> |
| 26 | - <img src="<?php echo esc_url($profileData['photo']); ?>" alt="<?php echo esc_attr($profileData['full_name']); ?>" /> | |
| 26 | + <span class="fct-customer-dashboard-avatar" aria-hidden="true"> | |
| 27 | + <?php if (!empty($profileData['photo'])) : ?> | |
| 28 | + <img src="<?php echo esc_url($profileData['photo']); ?>" alt="" loading="lazy" onerror="this.remove()" /> | |
| 29 | + <?php endif; ?> | |
| 30 | + <svg class="fct-customer-dashboard-avatar-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" aria-hidden="true"> | |
| 31 | + <path d="M16.6667 17.5V15.8333C16.6667 14.9493 16.3155 14.1014 15.6904 13.4763C15.0653 12.8512 14.2174 12.5 13.3334 12.5H6.66671C5.78265 12.5 4.93481 12.8512 4.30968 13.4763C3.68456 14.1014 3.33337 14.9493 3.33337 15.8333V17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> | |
| 32 | + <path d="M10 9.16667C11.8410 9.16667 13.3334 7.67428 13.3334 5.83333C13.3334 3.99238 11.8410 2.5 10 2.5C8.15909 2.5 6.66671 3.99238 6.66671 5.83333C6.66671 7.67428 8.15909 9.16667 10 9.16667Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> | |
| 33 | + </svg> | |
| 34 | + </span> | |
| 27 | 35 | <div class="fct-customer-dashboard-customer-info-content"> |
| 28 | 36 | <h3><?php echo esc_attr($profileData['full_name']); ?></h3> |
| 29 | 37 | <p><?php echo esc_attr($profileData['email']); ?></p> |
| 30 | 38 | </div> |