Update "Save" and "Save and Edit" to new button style #1790

publishpress · Oct 14, 2024 · e61ab76 · e61ab76
1 parent ef56185
commit e61ab76
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 5 deletions.
diff --git a/modules/calendar/lib/async-calendar/js/Functions.jsx b/modules/calendar/lib/async-calendar/js/Functions.jsx
@@ -135,10 +135,11 @@ export function getDateWithNoTimezoneOffset(dateString) {
 }
 
 export function getPostLinksElement(linkData, handleOnClick) {
+    var className = linkData.className ? linkData.className : '';
     if (linkData.url) {
-        return (<a key={`link-${linkData.url}-${linkData.label}`} href={linkData.url}>{linkData.label}</a>);
+        return (<a key={`link-${linkData.url}-${linkData.label}`} href={linkData.url} className={className}>{linkData.label}</a>);
     } else if (linkData.action) {
-        return (<a key={`link-${linkData.url}-${linkData.label}`} onClick={(e) => handleOnClick(e, linkData)}>{linkData.label}</a>);
+        return (<a key={`link-${linkData.url}-${linkData.label}`} className={className} onClick={(e) => handleOnClick(e, linkData)}>{linkData.label}</a>);
     }
 }
 

diff --git a/modules/calendar/lib/async-calendar/js/ItemFormPopup.jsx b/modules/calendar/lib/async-calendar/js/ItemFormPopup.jsx
@@ -366,12 +366,14 @@ export default function ItemFormPopup(props) {
         const formLinks = [
             {
                 'id': 'create',
+                'className': 'button-primary calendar-create-btn',
                 'label': props.strings.save,
                 'labelLoading': props.strings.saving,
                 'action': 'publishpress_calendar_create_item'
             },
             {
                 'id': 'edit',
+                'className': 'button-secondary calendar-edit-btn',
                 'label': props.strings.saveAndEdit,
                 'labelLoading': props.strings.saving,
                 'action': 'publishpress_calendar_create_item'
@@ -393,7 +395,7 @@ export default function ItemFormPopup(props) {
             } else {
                 links.push(getPostLinksElement(linkData, handleLinkOnClick));
             }
-            links.push(<span key={`link-separator-${links.length}`}>|</span>);
+            links.push(<span key={`link-separator-${links.length}`}></span>);
         }
 
         links.pop();

diff --git a/modules/calendar/lib/async-calendar/js/index.min.js b/modules/calendar/lib/async-calendar/js/index.min.js
diff --git a/modules/calendar/lib/async-calendar/styles/async-calendar.css b/modules/calendar/lib/async-calendar/styles/async-calendar.css