Fix for community resource page (#525)

fix for community resource page

Author: LadyBluenotes

src/routeTree.gen.ts

@@ -55,7 +55,7 @@ import { Route as LibrariesConfigVersionIndexRouteImport } from './routes/_libra
 import { Route as LibraryIdVersionDocsIndexRouteImport } from './routes/$libraryId/$version.docs.index'
 import { Route as LibraryIdVersionDocsChar123Char125DotmdRouteImport } from './routes/$libraryId/$version.docs.{$}[.]md'
 import { Route as LibraryIdVersionDocsContributorsRouteImport } from './routes/$libraryId/$version.docs.contributors'
-import { Route as LibraryIdVersionDocsCommunityResourcesDotmdRouteImport } from './routes/$libraryId/$version.docs.community-resources[.]md'
+import { Route as LibraryIdVersionDocsCommunityResourcesRouteImport } from './routes/$libraryId/$version.docs.community-resources'
 import { Route as LibraryIdVersionDocsSplatRouteImport } from './routes/$libraryId/$version.docs.$'
 import { Route as LibraryIdVersionDocsFrameworkIndexRouteImport } from './routes/$libraryId/$version.docs.framework.index'
 import { Route as LibraryIdVersionDocsFrameworkFrameworkIndexRouteImport } from './routes/$libraryId/$version.docs.framework.$framework.index'
@@ -306,10 +306,10 @@ const LibraryIdVersionDocsContributorsRoute =
     path: '/contributors',
     getParentRoute: () => LibraryIdVersionDocsRoute,
   } as any)
-const LibraryIdVersionDocsCommunityResourcesDotmdRoute =
-  LibraryIdVersionDocsCommunityResourcesDotmdRouteImport.update({
-    id: '/community-resources.md',
-    path: '/community-resources.md',
+const LibraryIdVersionDocsCommunityResourcesRoute =
+  LibraryIdVersionDocsCommunityResourcesRouteImport.update({
+    id: '/community-resources',
+    path: '/community-resources',
     getParentRoute: () => LibraryIdVersionDocsRoute,
   } as any)
 const LibraryIdVersionDocsSplatRoute =
@@ -381,7 +381,7 @@ export interface FileRoutesByFullPath {
   '/blog/': typeof LibrariesBlogIndexRoute
   '/stats/npm': typeof StatsNpmIndexRoute
   '/$libraryId/$version/docs/$': typeof LibraryIdVersionDocsSplatRoute
-  '/$libraryId/$version/docs/community-resources.md': typeof LibraryIdVersionDocsCommunityResourcesDotmdRoute
+  '/$libraryId/$version/docs/community-resources': typeof LibraryIdVersionDocsCommunityResourcesRoute
   '/$libraryId/$version/docs/contributors': typeof LibraryIdVersionDocsContributorsRoute
   '/$libraryId/$version/docs/{$}.md': typeof LibraryIdVersionDocsChar123Char125DotmdRoute
   '/$libraryId/$version/docs/': typeof LibraryIdVersionDocsIndexRoute
@@ -431,7 +431,7 @@ export interface FileRoutesByTo {
   '/blog': typeof LibrariesBlogIndexRoute
   '/stats/npm': typeof StatsNpmIndexRoute
   '/$libraryId/$version/docs/$': typeof LibraryIdVersionDocsSplatRoute
-  '/$libraryId/$version/docs/community-resources.md': typeof LibraryIdVersionDocsCommunityResourcesDotmdRoute
+  '/$libraryId/$version/docs/community-resources': typeof LibraryIdVersionDocsCommunityResourcesRoute
   '/$libraryId/$version/docs/contributors': typeof LibraryIdVersionDocsContributorsRoute
   '/$libraryId/$version/docs/{$}.md': typeof LibraryIdVersionDocsChar123Char125DotmdRoute
   '/$libraryId/$version/docs': typeof LibraryIdVersionDocsIndexRoute
@@ -487,7 +487,7 @@ export interface FileRoutesById {
   '/_libraries/blog/': typeof LibrariesBlogIndexRoute
   '/stats/npm/': typeof StatsNpmIndexRoute
   '/$libraryId/$version/docs/$': typeof LibraryIdVersionDocsSplatRoute
-  '/$libraryId/$version/docs/community-resources.md': typeof LibraryIdVersionDocsCommunityResourcesDotmdRoute
+  '/$libraryId/$version/docs/community-resources': typeof LibraryIdVersionDocsCommunityResourcesRoute
   '/$libraryId/$version/docs/contributors': typeof LibraryIdVersionDocsContributorsRoute
   '/$libraryId/$version/docs/{$}.md': typeof LibraryIdVersionDocsChar123Char125DotmdRoute
   '/$libraryId/$version/docs/': typeof LibraryIdVersionDocsIndexRoute
@@ -543,7 +543,7 @@ export interface FileRouteTypes {
     | '/blog/'
     | '/stats/npm'
     | '/$libraryId/$version/docs/$'
-    | '/$libraryId/$version/docs/community-resources.md'
+    | '/$libraryId/$version/docs/community-resources'
     | '/$libraryId/$version/docs/contributors'
     | '/$libraryId/$version/docs/{$}.md'
     | '/$libraryId/$version/docs/'
@@ -593,7 +593,7 @@ export interface FileRouteTypes {
     | '/blog'
     | '/stats/npm'
     | '/$libraryId/$version/docs/$'
-    | '/$libraryId/$version/docs/community-resources.md'
+    | '/$libraryId/$version/docs/community-resources'
     | '/$libraryId/$version/docs/contributors'
     | '/$libraryId/$version/docs/{$}.md'
     | '/$libraryId/$version/docs'
@@ -648,7 +648,7 @@ export interface FileRouteTypes {
     | '/_libraries/blog/'
     | '/stats/npm/'
     | '/$libraryId/$version/docs/$'
-    | '/$libraryId/$version/docs/community-resources.md'
+    | '/$libraryId/$version/docs/community-resources'
     | '/$libraryId/$version/docs/contributors'
     | '/$libraryId/$version/docs/{$}.md'
     | '/$libraryId/$version/docs/'
@@ -1008,11 +1008,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof LibraryIdVersionDocsContributorsRouteImport
       parentRoute: typeof LibraryIdVersionDocsRoute
     }
-    '/$libraryId/$version/docs/community-resources.md': {
-      id: '/$libraryId/$version/docs/community-resources.md'
-      path: '/community-resources.md'
-      fullPath: '/$libraryId/$version/docs/community-resources.md'
-      preLoaderRoute: typeof LibraryIdVersionDocsCommunityResourcesDotmdRouteImport
+    '/$libraryId/$version/docs/community-resources': {
+      id: '/$libraryId/$version/docs/community-resources'
+      path: '/community-resources'
+      fullPath: '/$libraryId/$version/docs/community-resources'
+      preLoaderRoute: typeof LibraryIdVersionDocsCommunityResourcesRouteImport
       parentRoute: typeof LibraryIdVersionDocsRoute
     }
     '/$libraryId/$version/docs/$': {
@@ -1062,7 +1062,7 @@ declare module '@tanstack/react-router' {
 
 interface LibraryIdVersionDocsRouteChildren {
   LibraryIdVersionDocsSplatRoute: typeof LibraryIdVersionDocsSplatRoute
-  LibraryIdVersionDocsCommunityResourcesDotmdRoute: typeof LibraryIdVersionDocsCommunityResourcesDotmdRoute
+  LibraryIdVersionDocsCommunityResourcesRoute: typeof LibraryIdVersionDocsCommunityResourcesRoute
   LibraryIdVersionDocsContributorsRoute: typeof LibraryIdVersionDocsContributorsRoute
   LibraryIdVersionDocsChar123Char125DotmdRoute: typeof LibraryIdVersionDocsChar123Char125DotmdRoute
   LibraryIdVersionDocsIndexRoute: typeof LibraryIdVersionDocsIndexRoute
@@ -1075,8 +1075,8 @@ interface LibraryIdVersionDocsRouteChildren {
 
 const LibraryIdVersionDocsRouteChildren: LibraryIdVersionDocsRouteChildren = {
   LibraryIdVersionDocsSplatRoute: LibraryIdVersionDocsSplatRoute,
-  LibraryIdVersionDocsCommunityResourcesDotmdRoute:
-    LibraryIdVersionDocsCommunityResourcesDotmdRoute,
+  LibraryIdVersionDocsCommunityResourcesRoute:
+    LibraryIdVersionDocsCommunityResourcesRoute,
   LibraryIdVersionDocsContributorsRoute: LibraryIdVersionDocsContributorsRoute,
   LibraryIdVersionDocsChar123Char125DotmdRoute:
     LibraryIdVersionDocsChar123Char125DotmdRoute,

src/routes/$libraryId/$version.docs.community-resources[.]md.tsx renamed to src/routes/$libraryId/$version.docs.community-resources.tsx

@@ -7,7 +7,7 @@ import { seo } from '~/utils/seo'
 import { loadDocs } from '~/utils/docs'
 
 export const Route = createFileRoute(
-  '/$libraryId/$version/docs/community-resources.md'
+  '/$libraryId/$version/docs/community-resources'
 )({
   staleTime: 1000 * 60 * 5,
   loader: async (ctx) => {
@@ -32,9 +32,8 @@ export const Route = createFileRoute(
       return { doc: null as null | any }
     }
   },
-  head: ({ params, loaderData }) => {
+  head: ({ params }) => {
     const library = getLibrary(params.libraryId)
-    const doc = (loaderData as any)?.doc
     return {
       meta: seo({
         title: `${library.name} Community Resources`,
@@ -56,7 +55,8 @@ type Resource = {
 function RouteComponent() {
   const { libraryId } = Route.useParams()
   const library = getLibrary(libraryId)
-  const data = Route.useLoaderData().doc?.frontmatter
+  const data = Route.useLoaderData()
+  const frontmatter = data.doc?.frontmatter
 
   return (
     <DocContainer>
@@ -67,54 +67,40 @@ function RouteComponent() {
       >
         <div className="p-4 lg:p-6 flex flex-col space-y-4 w-full">
           <div className={twMerge('flex overflow-auto flex-col w-full')}>
-            <DocTitle>
-              {(data?.title as string | undefined) ||
-                `${library.name} Community Resources`}
-            </DocTitle>
+            <DocTitle>Community Resources</DocTitle>
             <div className="h-4" />
             <div className="h-px bg-gray-500 opacity-20" />
           </div>
           <span>
-            {(data?.frontmatter?.description as string | undefined) || (
-              <>
-                Discover resources created by the{' '}
-                <strong>{library.name}</strong> community. Have something to
-                share?{' '}
-                <a
-                  href={`https://github.com/${libraryId}/edit/main/docs/community-resources.md`}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="underline"
-                >
-                  Submit a PR on GitHub
-                </a>{' '}
-                to contribute to this list.
-              </>
-            )}
+            Discover resources created by the <strong>{library.name}</strong>{' '}
+            community. Have something to share?{' '}
+            <a
+              href={`https://github.com/${libraryId}/edit/main/docs/community-resources.md`}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="underline"
+            >
+              Submit a PR on GitHub
+            </a>{' '}
+            to contribute to this list.
           </span>
-          {data?.frontmatter?.articles > 1 && (
+          {frontmatter?.articles && (
             <CommunitySection
               type="article"
-              resources={data.frontmatter.articles as Resource[]}
+              resources={frontmatter?.articles}
             />
           )}
-          {data?.frontmatter?.media > 1 && (
-            <CommunitySection
-              type="media"
-              resources={data.frontmatter.media as Resource[]}
-            />
+          {frontmatter?.media && (
+            <CommunitySection type="media" resources={frontmatter?.media} />
           )}
-          {data?.frontmatter?.utilities > 1 && (
+          {frontmatter?.utilities && (
             <CommunitySection
               type="utility"
-              resources={data.frontmatter.utilities as Resource[]}
+              resources={frontmatter?.utilities}
             />
           )}
-          {data?.frontmatter?.others > 1 && (
-            <CommunitySection
-              type="other"
-              resources={data.frontmatter.others as Resource[]}
-            />
+          {frontmatter?.others && (
+            <CommunitySection type="other" resources={frontmatter?.others} />
           )}
         </div>
       </div>