🐛 Add missing inline banner.

frontend/resources/styles/main/partials/forms.scss

@@ -5,8 +5,6 @@
 // Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
 // Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
 
-// TODO: juan revisit
-
 input,
 select,
 textarea {
@@ -16,30 +14,6 @@ textarea {
   }
 }
 
-.featured-note {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: $fs11;
-  padding: 10px;
-  margin-bottom: 25px;
-  background-color: rgba(#59B9E2, 0.05);
-  color: $color-gray-60;
-
-  .icon {
-    display: flex;
-    padding: 10px;
-    svg {
-      width: 16px;
-      height: 16px;
-    }
-  }
-
-  &.warning {
-    color: $color-danger;
-  }
-}
-
 .generic-form {
   display: flex;
   justify-content: center;

frontend/src/uxbox/main/ui/settings/delete_account.cljs

@@ -11,10 +11,11 @@
   (:require
    [cljs.spec.alpha :as s]
    [rumext.alpha :as mf]
-   [uxbox.main.ui.icons :as i]
    [uxbox.main.data.auth :as da]
    [uxbox.main.data.users :as du]
    [uxbox.main.store :as st]
+   [uxbox.main.ui.icons :as i]
+   [uxbox.main.ui.messages :as msgs]
    [uxbox.main.ui.modal :as modal]
    [uxbox.util.i18n :as i18n :refer [tr t]]))
 
@@ -27,9 +28,9 @@
      [:section.modal-content.generic-form
       [:h2 (t locale "settings.delete-account-title")]
 
-      [:span.featured-note
-       [:span.text
-        [:span (t locale "settings.delete-account-info")]]]
+      [:& msgs/inline-banner
+       {:type :warning
+        :content (t locale "settings.delete-account-info")}]
 
       [:div.button-row
        [:button.btn-warning.btn-large

frontend/src/uxbox/main/ui/viewer/shapes.cljs

@@ -160,9 +160,9 @@
               :path   [:> path-wrapper opts]
               :image  [:> image-wrapper opts]
               :circle [:> circle-wrapper opts]
-              :group [:> group-container
-                      {:shape shape
-                       :frame frame}])))))))
+              :group  [:> group-container
+                       {:shape shape
+                        :frame frame}])))))))
 
 (mf/defc frame-svg
   {::mf/wrap [mf/memo]}