@eventcatalog/core 0.3.1 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eventcatalog/core",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "publishConfig": {
     "access": "public"
   },
@@ -35,7 +35,7 @@
     "fs-extra": "^10.0.0",
     "gray-matter": "^4.0.3",
     "lodash.debounce": "^4.0.8",
-    "mermaid": "^8.13.4",
+    "mermaid": "^9.1.3",
     "next": "^12.1.0",
     "next-mdx-remote": "^3.0.8",
     "react": "17.0.2",
@@ -46,9 +46,9 @@
     "swagger-ui-react": "^4.6.1"
   },
   "devDependencies": {
-    "@eventcatalog/types": "0.2.0",
+    "@eventcatalog/types": "0.2.1",
     "@types/react": "^17.0.36",
-    "autoprefixer": "^10.4.0",
+    "autoprefixer": "10.4.5",
     "commander": "^8.3.0",
     "cross-env": "^7.0.3",
     "eslint": "7.32.0",

package/pages/index.tsx

@@ -5,7 +5,7 @@ import getConfig from 'next/config';
 import { useConfig } from '@/hooks/EventCatalog';
 
 export default function Example() {
-  const { title, tagline, logo } = useConfig();
+  const { title, tagline, logo, primaryCTA = { label: 'Explore Events', href: '/events' }, secondaryCTA } = useConfig();
 
   const { publicRuntimeConfig: { basePath = '' } = {} } = getConfig();
   const logoToLoad = logo || { alt: 'EventCatalog Logo', src: `logo.svg` };
@@ -18,22 +18,36 @@ export default function Example() {
         {tagline && <p className="mt-2 text-lg font-medium text-white">{tagline}</p>}
         <div className="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
           <div className="rounded-md shadow">
-            <Link href="/events">
+            <Link href={primaryCTA.href}>
               <a className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
-                Explore Events
+                {primaryCTA.label}
               </a>
             </Link>
           </div>
-          <div className="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
-            <a
-              href="https://eventcatalog.dev"
-              target="_blank"
-              className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"
-              rel="noreferrer"
-            >
-              Getting Started
-            </a>
-          </div>
+          {secondaryCTA && (
+            <div className="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
+              {secondaryCTA.href.includes('http') && (
+                <a
+                  href={secondaryCTA.href}
+                  target="_blank"
+                  className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"
+                  rel="noreferrer"
+                >
+                  {secondaryCTA.label}
+                </a>
+              )}
+              {!secondaryCTA.href.includes('http') && (
+                <Link href={secondaryCTA.href}>
+                  <a
+                    className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10"
+                    rel="noreferrer"
+                  >
+                    {secondaryCTA.label}
+                  </a>
+                </Link>
+              )}
+            </div>
+          )}
         </div>
         <div className="mt-6 space-x-5" />
       </div>