Create Community stage implemented

This commit is contained in:
adilallo
2026-04-14 09:22:03 -06:00
parent a0de78c020
commit f8255bc2c7
73 changed files with 1105 additions and 392 deletions
+2 -11
View File
@@ -3,19 +3,10 @@
import { useEffect, useState } from "react";
import { useMediaQuery } from "../../hooks/useMediaQuery";
/**
* Matches design-system `md` (`--breakpoint-md`, 640px in `app/tailwind.css`).
* Use with Tailwind `md:` / `max-md:` utilities in create-flow pages.
*/
/** `--breakpoint-md` (640px); same SSR/first-paint pattern as `useCreateFlowLgUp`. */
const CREATE_FLOW_MIN_WIDTH_MD = "(min-width: 640px)";
/**
* True at or above the create-flow `md` breakpoint (desktop-oriented layout).
*
* `useMediaQuery` initializes to `false` on the server and first client render
* to avoid hydration mismatches. We combine it with a post-mount flag so the
* first paint matches the intended desktop layout until `matchMedia` runs.
*/
/** True at viewport ≥640px (pairs with Tailwind `md:` on create-flow screens). */
export function useCreateFlowMdUp(): boolean {
const [isMounted, setIsMounted] = useState(false);
const isMdOrLarger = useMediaQuery(CREATE_FLOW_MIN_WIDTH_MD);