Adding contact, social media to place component.

wvuweb · Apr 3, 2024 · e5077ca · e5077ca
1 parent 8e55aac
commit e5077ca
Showing 1 changed file with 11 additions and 16 deletions.
diff --git a/views/components/wvu-place-collection-vertical/_wvu-place-collection-vertical--v1.html b/views/components/wvu-place-collection-vertical/_wvu-place-collection-vertical--v1.html
@@ -147,7 +147,6 @@ <h2 id="{{ component.name }}-label" class="display-3 wvu-shout text-wvu-blue">Pa
                   {% assign hasHours = item.content[monRegionName] | append: item.content[tuesRegionName] | append: item.content[wedRegionName] | append: item.content[thursRegionName] | append: item.content[friRegionName] | append: item.content[satRegionName] | append: item.content[sunRegionName] %}
                   {% assign hasParking = item.content[parkingRegionName] %}
                   {% assign hasInfo = hasAddress | append: hasContactInfo | append: hasHours | append: hasParking %}
-                  {% assign hasSocial = item.content[facebookRegionName] | append: item.content[instagramRegionName] | append: item.content[twitterRegionName] | append: item.content[youTubeRegionName] %}
 
                   {% if hasInfo != blank %}
                     <div class="col-12 col-md-6 col-xl small">
@@ -181,22 +180,18 @@ <h2 class="h6 text-uppercase mb-1">Contact Info</h2>
                               {% endif %}
                               {% if item.content[websiteRegionName] != blank %}
                                 <span class="d-block"><span class="fa-solid fa-link"></span> <a href="{{ item.content[websiteRegionName] }}">Visit Website<span class="visually-hidden">: {{ item.alternate_name | default: item.name }}</span></a></span>
+                              {% endif %}                                
+                              {% if item.content[facebookRegionName] != blank %}
+                                <span class="d-block"><span class="fa-brands fa-facebook"></span> <a href="{{ item.content[facebookeRegionName] }}"><span class="visually-hidden">{{ item.name }} on </span>Facebook</span></a></span>
                               {% endif %}
-                              {% if hasSocial != blank %}
-                                <span class="d-block">
-                                  {% if item.content[facebookRegionName] != blank %}
-                                    <a href="{{ item.content[facebookeRegionName] }}"><span class="fa-brands fa-facebook"> <span class="visually-hidden">{{ item.name }} on </span>Facebook</span></a>
-                                  {% endif %}
-                                  {% if item.content[instagramRegionName] != blank %}
-                                    <a href="{{ item.content[instagramRegionName] }}"><span class="fa-brands fa-instagram"> <span class="visually-hidden">{{ item.name }} on </span>Instagram</span></a>
-                                  {% endif %}
-                                  {% if item.content[twitterRegionName] != blank %}
-                                    <a href="{{ item.content[twitterRegionName] }}"><span class="fa-brands fa-twitter"> <span class="visually-hidden">{{ item.name }} on </span>Twitter</span></a>
-                                  {% endif %}
-                                  {% if item.content[youtubeRegionName] != blank %}
-                                    <a href="{{ item.content[youtubeRegionName] }}"><span class="fa-brands fa-youtube"> <span class="visually-hidden">{{ item.name }} on </span>Youtube</a>
-                                  {% endif %}
-                                </span>
+                              {% if item.content[instagramRegionName] != blank %}
+                                <span class="d-block"><span class="fa-brands fa-instagram"></span> <a href="{{ item.content[instagramRegionName] }}"><span class="visually-hidden">{{ item.name }} on </span>Instagram</span></a></span>
+                              {% endif %}
+                              {% if item.content[twitterRegionName] != blank %}
+                                <span class="d-block"><span class="fa-brands fa-twitter"></span> <a href="{{ item.content[twitterRegionName] }}"><span class="visually-hidden">{{ item.name }} on </span>Twitter</span></a></span>
+                              {% endif %}
+                              {% if item.content[youtubeRegionName] != blank %}
+                                <span class="d-block"><span class="fa-brands fa-youtube"></span> <a href="{{ item.content[youtubeRegionName] }}"><span class="visually-hidden">{{ item.name }} on </span>Youtube</a></span>
                               {% endif %}
                             </p>                      
                           {% endif %}