From 095f1cd8e3db26be5bd9529009091b10e529cbca Mon Sep 17 00:00:00 2001 From: Cory Watilo Date: Fri, 11 Oct 2024 14:23:05 -0400 Subject: [PATCH] small site fixes (#9601) --- .../posthog-com/developing-the-website.md | 6 ++++- .../posthog-com/how-posthog-website-works.md | 1 + src/components/MainNav/index.tsx | 24 +++++++++---------- src/components/Pipelines/index.js | 4 ++-- src/components/Products/Hero/index.tsx | 2 +- 5 files changed, 21 insertions(+), 16 deletions(-) diff --git a/contents/handbook/engineering/posthog-com/developing-the-website.md b/contents/handbook/engineering/posthog-com/developing-the-website.md index 6472adb25766..ee2d484d6f03 100644 --- a/contents/handbook/engineering/posthog-com/developing-the-website.md +++ b/contents/handbook/engineering/posthog-com/developing-the-website.md @@ -476,13 +476,17 @@ If you know who you would like to review the pull request, select them in the ** After a series of checks are run (to ensure nothing in your pull request breaks the website), Vercel will generate a preview link available in the Vercel bot comment. This includes all of your changes, so you can preview before your pull request is merged. +An initial build can take up to 50 minutes to run. After the initial build, subsequent builds should complete in under ~15 minutes. We're limited to two concurrent builds, so if there's a backlog, this process can take longer. + +Because Vercel charges per seat, we don't automatically invite all team members to our Vercel account. If your build fails, you can run `yarn build` locally to see what's erroring out. If nothing is erroring locally, it's likely the build timed out in Vercel. The Website & Docs team monitors for failed builds, so they'll re-run it for you. If the build is urgent, give a shout in #team-website-and-docs and someone with Vercel access can trigger a rebuild for you. + ![Preview branch](https://res.cloudinary.com/dmukukwp6/image/upload/v1710055416/posthog.com/contents/images/docs/contribute/preview-branch.png) > **Note:** Checks are run automatically for PostHog org members and previous contributors. First time contributors will require authorization for checks to be run by a PostHog org member. ## Deployment -To get changes into production, the website deploys automatically from `master`. The build takes 5-10 minutes. +To get changes into production, the website deploys automatically from `master`. The build takes up to an hour, but can be delayed if other preview builds are in the queue. #### Acknowledgements diff --git a/contents/handbook/engineering/posthog-com/how-posthog-website-works.md b/contents/handbook/engineering/posthog-com/how-posthog-website-works.md index 402bc7bf8604..e2067fa3ff64 100644 --- a/contents/handbook/engineering/posthog-com/how-posthog-website-works.md +++ b/contents/handbook/engineering/posthog-com/how-posthog-website-works.md @@ -15,6 +15,7 @@ PostHog.com is built and maintained in-house by the [Website & Docs team](/teams | Algolia (API) | Site search | | Strapi | Headless CMS | | PostHog | Analytics, feature flags | +| Inkeep | AI-powered community answers | ![Diagram of PostHog.com](https://res.cloudinary.com/dmukukwp6/image/upload/v1710055416/posthog.com/contents/images/docs/contribute/website-diagram.png) diff --git a/src/components/MainNav/index.tsx b/src/components/MainNav/index.tsx index 299e97abf72d..9932d5d79069 100644 --- a/src/components/MainNav/index.tsx +++ b/src/components/MainNav/index.tsx @@ -175,8 +175,8 @@ function Tooltip({ ref={setReferenceElement} onClick={() => setOpen(!open)} className={`ml-2 flex items-center rounded-full border border-light dark:border-dark relative active:scale-[.99] ${open - ? 'border-primary/50 dark:border-primary-dark/50' - : 'hover:border-primary/25 hover:dark:border-primary-dark/25 hover:scale-[1.05]' + ? 'border-primary/50 dark:border-primary-dark/50' + : 'hover:border-primary/25 hover:dark:border-primary-dark/25 hover:scale-[1.05]' }`} > {children} @@ -312,8 +312,8 @@ export const InternalMenu = ({ className = '', mobile = false, menu, activeIndex }} to={url} className={`snap-center group flex items-center relative px-2 pt-1.5 pb-1 mb-1 rounded hover:bg-light/50 hover:dark:bg-dark/50 ${active - ? '' - : 'border border-b-3 border-transparent md:hover:border-light dark:md:hover:border-dark hover:translate-y-[-1px] active:translate-y-[1px] active:transition-all' + ? '' + : 'border border-b-3 border-transparent md:hover:border-light dark:md:hover:border-dark hover:translate-y-[-1px] active:translate-y-[1px] active:transition-all' }`} > @@ -321,8 +321,8 @@ export const InternalMenu = ({ className = '', mobile = false, menu, activeIndex {name} @@ -480,8 +480,8 @@ export const Main = () => { {active && } @@ -689,8 +689,8 @@ export const Main = () => {
@@ -740,8 +740,8 @@ export const Mobile = () => { {active && } diff --git a/src/components/Pipelines/index.js b/src/components/Pipelines/index.js index 39fa347001b1..163485d65b5a 100644 --- a/src/components/Pipelines/index.js +++ b/src/components/Pipelines/index.js @@ -245,7 +245,7 @@ function PipelinesPage({ location }) {
-
+

Sources & destinations library

@@ -255,7 +255,7 @@ function PipelinesPage({ location }) { value={searchValue} onChange={(e) => setSearchValue(e.target.value)} className="bg-transparent w-full border-none outline-none" - placeholder="Search destinations" + placeholder="Search sources & destinations" />
diff --git a/src/components/Products/Hero/index.tsx b/src/components/Products/Hero/index.tsx index fb5a847b89ee..dc30e4209c32 100644 --- a/src/components/Products/Hero/index.tsx +++ b/src/components/Products/Hero/index.tsx @@ -19,7 +19,7 @@ export const Hero = ({ color, icon, beta, product, title, description }: HeroPro {icon} {product} {beta && ( - + Beta )}