Merge pull request #220 from anushka-codes1/fix-event-info-block-website-175

Fix event info block: Move Website to separate section

Author: erral

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## 1.0.21 (unreleased)
 
 
+- Fix event info block: Move Website URL to separate section with its own heading. [#175]
 - Update to Relstorage 4.2.1
 - Simplify and make mxdev config explicit
 - Add collective.casestudy to mxdev, pin 1.0.0b1 for testing/production.

frontend/src/components/Blocks/InfoBox/Body.jsx

@@ -68,10 +68,8 @@ const Body = (props) => {
         </>
       )}
 
-      {/* Contatcss */}
-      {(properties.contact_name ||
-        properties.event_url ||
-        properties.contact_phone) && (
+      {/* Contacts */}
+      {(properties.contact_name || properties.contact_phone) && (
         <div className="info-box-contacts">
           <h4>{intl.formatMessage(messages.contact)}</h4>
 
@@ -97,20 +95,25 @@ const Body = (props) => {
               {}
             </p>
           )}
-          {properties.event_url && (
-            <p>
-              <a
-                href={properties.event_url}
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                {intl.formatMessage(messages.website)}
-              </a>
-            </p>
-          )}
         </div>
       )}
 
+      {/* Website */}
+      {properties.event_url && (
+        <>
+          <h4>{intl.formatMessage(messages.website)}</h4>
+          <p>
+            <a
+              href={properties.event_url}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              {properties.event_url}
+            </a>
+          </p>
+        </>
+      )}
+
       {/* Attendees */}
       {properties.attendees.length > 0 && (
         <>