- Validate your license key
+ Validate your license key 🔑
- Enter your license key to validate it. If we can validate your key, you will get an access token for the
+ Enter your license key to validate it. In return, you will get an access token for the
Schedule-X private registry. If you run into any problems, please contact us at tom@schedule-x.dev.
@@ -62,7 +62,7 @@ export default function ValidateLicenseKeyPage() {
{accessToken && (
- Your access token
+ Your access token ✅
Your access token is: {accessToken}
@@ -74,7 +74,13 @@ export default function ValidateLicenseKeyPage() {
)}
{hasError && (
-
There was an error validating your license key. Please try again or contact us at tom@schedule-x.dev, and we will get in touch as soon as possible.
+ <>
+
+ Something went wrong 🤔
+
+
+ There was an error validating your license key. Please try again or contact us at tom@schedule-x.dev, and we will get in touch as soon as possible.
+
)}
diff --git a/components/partials/sales-card/checkmark.tsx b/components/partials/sales-card/checkmark.tsx
index 69f772d..e2cb45d 100644
--- a/components/partials/sales-card/checkmark.tsx
+++ b/components/partials/sales-card/checkmark.tsx
@@ -1,8 +1,12 @@
export default function AppCheckmark() {
const green = '#7fbb46'
+ const svgStyles = {
+ minWidth: '18px',
+ width: '18px',
+ }
return <>
- {
+ console.log(event)
+ },
+
+ // (Optional): callback for when an event is updated
+ onDeleteEvent: (eventId) => {
+ console.log(eventId)
+ },
+
+ // (Optional): callback for when an event start property is updated
+ onStartUpdate(start) {
+ console.log(start)
+ },
+
+ // (Optional): callback for when an event end property is updated
+ onEndUpdate(end) {
+ console.log(end)
+ },
+
+ // (Optional): callback which is invoked before opening the modal. Return false to prevent the modal from opening
+ canOpenModal: (event) => {
+ return event.calendarId === 'calendar-1';
+ },
+
+ // (Optional): configure the time picker to use 12-hour format
+ has12HourTimeFormat: true,
+
+ // (Optional): configuration for the field "title"
+ fields: {
+ title: {
+ label: 'Event Title',
+ name: 'event-title',
+ validator: (value) => {
+ return {
+ isValid: !!value && value.length >= 3,
+ message: 'Title must be at least 3 characters long'
+ }
+ }
+ },
+ description: {},
+ }
+})
+
const calendar = createCalendar({
// ...other configuration
plugins: [
- createInteractiveEventModal({
- // dependency needed to add events
- eventsService,
-
- // (Optional): Available people for the event form
- availablePeople: ['John Doe', 'Jane Doe'],
-
- // (Optional): callback for when an event is added
- onAddEvent: (event) => {
- console.log(event)
- },
-
- // (Optional): callback for when an event is updated
- onDeleteEvent: (eventId) => {
- console.log(eventId)
- },
-
- // (Optional): callback for when an event start property is updated
- onStartUpdate(start) {
- console.log(start)
- },
-
- // (Optional): callback for when an event end property is updated
- onEndUpdate(end) {
- console.log(end)
- },
-
- // (Optional): callback which is invoked before opening the modal. Return false to prevent the modal from opening
- canOpenModal: (event) => {
- return event.calendarId === 'calendar-1';
- },
-
- // (Optional): configure the time picker to use 12-hour format
- has12HourTimeFormat: true,
-
- // (Optional): configuration for the field "title"
- fields: {
- title: {
- label: 'Event Title',
- name: 'event-title',
- validator: (value) => {
- return {
- isValid: !!value && value.length >= 3,
- message: 'Title must be at least 3 characters long'
- }
- }
- },
- description: {},
- }
- })
- ]
+ eventModal,
+ eventsService,
+ ],
+
+ callbacks: {
+ onDoubleClickDateTime(dateTime) {
+ eventModal.clickToCreate(dateTime, {
+ id: 'some-event-id',
+ })
+ }
+ }
})
calendar.render(document.getElementById('your-calendar-wrapper'))
diff --git a/theme.config.tsx b/theme.config.tsx
index 124a80b..9c83a5a 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -13,11 +13,19 @@ const config: DocsThemeConfig = {
chat: {
link: 'https://discord.gg/yHbT3C4M8w',
},
- docsRepositoryBase:
- 'https://github.com/schedule-x/schedule-x/tree/main/website',
footer: {
component: CustomFooter,
},
+ editLink: {
+ component: () => {
+ return <>
+ }
+ },
+ feedback: {
+ content: () => {
+ return <>
+ }
+ },
darkMode: false,
useNextSeoProps() {
const { asPath } = useRouter()