Make location address and website clickable

TelosLabs · Dec 19, 2024 · 9888327 · 9888327
1 parent a78dc23
commit 9888327
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/app/views/locations/show.html.slim b/app/views/locations/show.html.slim
@@ -135,10 +135,12 @@ div class=""
                       | #{@location.organization.name}
                     - if @location.organization.verified?
                       = render partial: "shared/popover", locals: { position: "right-0", wrapper_icon: "verified_nonprofit_check.svg", copy: "Information verified by nonprofit." }
-                  p class="text-xs text-gray-4"
-                    | #{@location.address}
-                  p class="text-xs text-gray-4"
-                    | #{@location.organization.decorate.website}
+                  p class="text-xs text-gray-4" class="pop-out"
+                    = link_to @location.formatted_address, @location.link_to_google_maps, target: "blank"
+
+                  p class="text-xs text-blue-medium"
+                    = link_to @location.organization.decorate.website, @location.organization.decorate.website, target: "_blank"
+
                   p class="text-xs text-gray-4"
                     - if @location.phone_number&.number.present?
                       = link_to("call: #{@location.phone_number&.number}", "tel: #{@location.phone_number&.number}", class: "text-blue-medium")