fix page load size

Author: davemooreuws

scripts/cypress-fixtures.mjs

@@ -3,7 +3,7 @@ import fs from 'fs/promises'
 import { XMLParser } from 'fast-xml-parser'
 const parser = new XMLParser()
 
-import { allDocs } from '../.contentlayer/generated/index.mjs'
+import { allDocuments } from '../.contentlayer/generated/index.mjs'
 import basePages from '../src/assets/sitemap.json' with { type: 'json' }
 
 const FIXTURE_PATH = 'cypress/fixtures/pages.json'
@@ -14,7 +14,7 @@ async function run() {
   try {
     const staticPages = basePages.map((page) => `/docs${page}`)
 
-    const docPages = allDocs.map((doc) => {
+    const docPages = allDocuments.map((doc) => {
       return !doc.slug ? '/docs' : `/docs/${doc.slug}`
     })
 

src/components/guides/GuideList.tsx

@@ -4,13 +4,14 @@ import React from 'react'
 import { GuideItem } from './GuideItem'
 import { cn } from '@/lib/utils'
 import useParams from '@/hooks/useParams'
-import { allGuides } from '@/content'
+import type { Guide } from '@/content'
 
 interface Props {
   className?: string
+  allGuides: Guide[]
 }
 
-const GuideList: React.FC<Props> = ({ className }) => {
+const GuideList: React.FC<Props> = ({ className, allGuides }) => {
   const { searchParams } = useParams()
   const selectedTags = searchParams?.get('tags')?.split(',') || []
   const selectedLangs = searchParams?.get('langs')?.split(',') || []

src/components/guides/GuidePage.tsx

@@ -3,6 +3,7 @@ import React, { Suspense } from 'react'
 import { GuideFilters } from './GuideFilters'
 import GuideList from './GuideList'
 import GuideMobileFilters from './GuideMobileFilters'
+import { allGuides } from '@/content'
 
 interface Props {
   allTags: string[]
@@ -23,7 +24,10 @@ const GuidePage: React.FC<Props> = ({ allTags }) => {
         <GuideMobileFilters allTags={allTags} />
       </div>
       <Suspense>
-        <GuideList className="relative mx-2 my-4 w-full sm:px-8 lg:my-10" />
+        <GuideList
+          allGuides={allGuides}
+          className="relative mx-2 my-4 w-full sm:px-8 lg:my-10"
+        />
       </Suspense>
     </div>
   )