diff --git a/frontend/src/app/main/ui/components/forms.cljs b/frontend/src/app/main/ui/components/forms.cljs index 7d1ad4a46..9aec3f302 100644 --- a/frontend/src/app/main/ui/components/forms.cljs +++ b/frontend/src/app/main/ui/components/forms.cljs @@ -239,6 +239,7 @@ (let [form (or (unchecked-get props "form") (mf/use-ctx form-ctx)) name (unchecked-get props "name") + image (unchecked-get props "image") current-value (or (dm/get-in @form [:data name] "") (unchecked-get props "value")) @@ -260,7 +261,9 @@ (when (fn? on-change) (on-change name value)))))] - [:div {:class (dm/str class " " (stl/css :custom-radio))} + [:div {:class (if image + class + (dm/str class " " (stl/css :custom-radio)))} (for [{:keys [image icon value label area]} options] (let [image? (some? image) icon? (some? icon) diff --git a/frontend/src/app/main/ui/onboarding/questions.cljs b/frontend/src/app/main/ui/onboarding/questions.cljs index f7d96dca4..ae9f5d427 100644 --- a/frontend/src/app/main/ui/onboarding/questions.cljs +++ b/frontend/src/app/main/ui/onboarding/questions.cljs @@ -167,6 +167,7 @@ {:label (tr "questions.never-used-one") :area "image6" :value "never-used-a-tool" :icon i/curve} {:label (tr "questions.other") :value "other" :area "other"}] :name :experience-design-tool + :image true :class (stl/css :image-radio) :on-change on-design-tool-change}]