-
-
Notifications
You must be signed in to change notification settings - Fork 177
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
179 additions
and
57 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,34 @@ | ||
| import "@/styles/globals.css"; | ||
| import * as Fathom from "fathom-client"; | ||
| import type { AppProps } from "next/app"; | ||
| import { useRouter } from "next/router"; | ||
| import { useEffect } from "react"; | ||
|
|
||
| export default function App({ Component, pageProps }: AppProps) { | ||
| const router = useRouter(); | ||
|
|
||
| useEffect(() => { | ||
| // Initialize Fathom when the app loads | ||
| // Example: yourdomain.com | ||
| // - Do not include https:// | ||
| // - This must be an exact match of your domain. | ||
| // - If you're using www. for your domain, make sure you include that here. | ||
| Fathom.load("NSYBHOYC", { | ||
| includedDomains: ["peppermint.sh"], | ||
| }); | ||
|
|
||
| function onRouteChangeComplete() { | ||
| Fathom.trackPageview(); | ||
| } | ||
| // Record a pageview when route changes | ||
| router.events.on("routeChangeComplete", onRouteChangeComplete); | ||
|
|
||
| // Unassign event listener | ||
| return () => { | ||
| router.events.off("routeChangeComplete", onRouteChangeComplete); | ||
| }; | ||
| }, []); | ||
|
|
||
| //@ts-expect-error | ||
| return <Component {...pageProps} />; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| //@ts-nocheck | ||
| import Cal, { getCalApi } from "@calcom/embed-react"; | ||
| import Link from "next/link"; | ||
| import { useEffect } from "react"; | ||
|
|
||
| const navigation = [ | ||
| // { name: "About Us", href: "#" }, | ||
| // { name: "Features", href: "#" }, | ||
| { name: "Github", href: "https://github.com/Peppermint-Lab/peppermint" }, | ||
| { name: "Docs", href: "https://docs.peppermint.sh/" }, | ||
| ]; | ||
|
|
||
| export default function Contact() { | ||
| useEffect(() => { | ||
| (async function () { | ||
| const cal = await getCalApi(); | ||
| cal("ui", { | ||
| styles: { branding: { brandColor: "#000000" } }, | ||
| hideEventTypeDetails: false, | ||
| layout: "month_view", | ||
| }); | ||
| })(); | ||
| }, []); | ||
|
|
||
| return ( | ||
| <div className=""> | ||
| <header className="bg-white mx-auto text-base max-w-xl mb-36"> | ||
| <nav className="flex justify-between py-8" aria-label="Global"> | ||
| <div className="flex justify-between lg:flex-1"> | ||
| <Link href="/" className="-m-1.5 p-1.5"> | ||
| <span className="sm:hidden">🍵</span> | ||
| <span className="hidden sm:block font-bold text-xl"> | ||
| 🍵 Peppermint Labs | ||
| </span> | ||
| </Link> | ||
| </div> | ||
|
|
||
| <div className="flex gap-x-12"> | ||
| {navigation.map((item) => ( | ||
| <a | ||
| key={item.name} | ||
| href={item.href} | ||
| className="text-sm font-semibold text-gray-900" | ||
| > | ||
| {item.name} | ||
| </a> | ||
| ))} | ||
| </div> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <Cal | ||
| calLink="potts/30min" | ||
| style={{ width: "100%", height: "100%", overflow: "scroll" }} | ||
| config={{ layout: "month_view" }} | ||
| /> | ||
| </div> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters