diff --git a/apps/website/pages/_app.tsx b/apps/website/pages/_app.tsx index 447d1e4fb..d2f35c8db 100644 --- a/apps/website/pages/_app.tsx +++ b/apps/website/pages/_app.tsx @@ -1,4 +1,4 @@ -import { ReactElement, ReactNode, useEffect, useMemo, useState } from "react"; +import { ReactElement, ReactNode, useMemo, useState } from "react"; import type { NextPage } from "next"; import type { AppProps } from "next/app"; import Head from "next/head"; @@ -25,7 +25,6 @@ const clientSideEmotionCache = createCache({ key: "css", prepend: true }); export default function App({ Component, pageProps }: AppPropsWithLayout) { const getLayout = Component.getLayout || ((page) => page); const componentWithLayout = getLayout(); - const [renderContent, setRenderContent] = useState(false); const [filter, setFilter] = useState(""); const { asPath: currentPath } = useRouter(); const filteredLinks = useMemo(() => { @@ -41,18 +40,12 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) { return filtered; }, [filter]); - useEffect(() => { - setRenderContent(true); - }, []); - const matchPaths = (linkPath: string) => { const desiredPaths = [linkPath, `${linkPath}/code`]; const pathToBeMatched = currentPath?.split("#")[0]?.slice(0, -1); return pathToBeMatched ? desiredPaths.includes(pathToBeMatched) : false; }; - if (!renderContent) return null; - return ( diff --git a/apps/website/screens/components/data-grid/code/DataGridCodePage.tsx b/apps/website/screens/components/data-grid/code/DataGridCodePage.tsx index d779c58b0..d21ded37d 100644 --- a/apps/website/screens/components/data-grid/code/DataGridCodePage.tsx +++ b/apps/website/screens/components/data-grid/code/DataGridCodePage.tsx @@ -20,7 +20,8 @@ const columnsTypeString = `{ label: string; resizable?: boolean; sortable?: boolean; - sortFn?: (a: ReactNode, b: ReactNode) => number; + sortFn?: (a: ReactNode, b: ReactNode) => + number; draggable?: boolean; textEditable?: boolean; summaryKey?: string; @@ -36,7 +37,8 @@ const HierarchyGridRowTypeString = `GridRow & { childrenTrigger?: ( open: boolean, triggerRow: HierarchyGridRow - ) => (HierarchyGridRow[] | GridRow[]) | Promise; + ) => (HierarchyGridRow[] | GridRow[]) + | Promise; }`; const ExpandableGridRowTypeString = `GridRow & { @@ -45,7 +47,7 @@ const ExpandableGridRowTypeString = `GridRow & { contentIsExpanded?: boolean; }`; -const actionsType = `{ +const actionsTypeString = `{ icon: string | SVG; title: string; onClick: () => void; @@ -59,6 +61,10 @@ const actionsType = `{ options: Option[]; }[]`; +const childrenTriggerTypeString = `(open: boolean, triggerRow: HierarchyGridRow) => +(HierarchyGridRow[] | GridRow[]) +| Promise`; + const sections = [ { title: "Props", @@ -170,7 +176,7 @@ const sections = [ - {`(open: boolean, triggerRow: HierarchyGridRow) => (HierarchyGridRow[] | GridRow[]) | Promise`} + {childrenTriggerTypeString} Function called whenever a cell with children (HierarchyGridRow) is expanded or collapsed @@ -336,7 +342,7 @@ const sections = [ - {actionsType} + {actionsTypeString}