fix: broken avatar

src/main/frontend/components/header.cljs

@@ -15,7 +15,9 @@
             [frontend.components.repo :as repo]
             [frontend.components.search :as search]
             [frontend.handler.project :as project-handler]
-            [frontend.handler.web.nfs :as nfs]))
+            [frontend.handler.web.nfs :as nfs]
+            [goog.dom :as gdom]
+            [goog.object :as gobj]))
 
 (rum/defc logo < rum/reactive
   [{:keys [white?]}]
@@ -49,8 +51,11 @@
        [:button.max-w-xs.flex.items-center.text-sm.rounded-full.focus:outline-none.focus:shadow-outline.h-7.w-7.ml-2
         {:on-click toggle-fn}
         (if-let [avatar (:avatar me)]
-          [:img.h-7.w-7.rounded-full
-           {:src avatar}]
+          [:img#avatar.h-7.w-7.rounded-full
+           {:src avatar
+            :on-error (fn [this]
+                        (let [elem (gdom/getElement "avatar")]
+                          (gobj/set elem "src" (config/asset-uri "/static/img/broken-avatar.png"))))}]
           [:div.h-7.w-7.rounded-full.bg-base-2.opacity-70.hover:opacity-100 {:style {:padding 1.5}}
            [:a svg/user]])])
      (let [logged? (:name me)]