mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

feat(referenzen): inject MDX project details into overview cards

Browse Source
This commit is contained in:
Marc Mintel
2026-06-19 21:27:35 +02:00
parent d1387d2685
commit 3d0b0d945c
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/[locale]/referenzen/page.tsx
View File

@@ -11,6 +11,14 @@ import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap
import { HeroSection } from '@/components/blocks/HeroSection'; import { HeroSection } from '@/components/blocks/HeroSection';
import { defaultLocations, minorLocations } from '@/lib/map-data'; import { defaultLocations, minorLocations } from '@/lib/map-data';
import { MDXRemote } from 'next-mdx-remote/rsc';
const mdxComponents = {
ul: (props: any) => <ul className="list-disc pl-5 mb-6 text-neutral-600 text-sm space-y-2" {...props} />,
li: (props: any) => <li className="pl-1" {...props} />,
p: (props: any) => <p className="text-neutral-600 text-sm mb-4 leading-relaxed" {...props} />,
};
interface PageProps { interface PageProps {
params: Promise<{ params: Promise<{
locale: string; locale: string;
@@ -126,6 +134,13 @@ export default async function ReferenzenOverview(props: { params: Promise<{ loca
{ref.frontmatter.title} {ref.frontmatter.title}
</h3> </h3>
{/* Project Details / Content */}
{ref.content && (
<div className="flex-grow mb-6">
<MDXRemote source={ref.content} components={mdxComponents} />
</div>
)}
{/* Technical Meta Data */} {/* Technical Meta Data */}
<div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 relative z-10"> <div className="flex flex-col gap-3 mt-auto border-t border-neutral-100 pt-6 relative z-10">
<div className="min-w-0"> <div className="min-w-0">