engineering/tpmjs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2.4k

feat(skills): use Streamdown to render markdown in question detail page

Browse source
This commit is contained in:
Ajax Davis 2026-01-25 04:45:08 +10:00
parent b5731cf1a1
commit 209fd275f3
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/web/src/app/(profile)/[username]/collections/[slug]/skills/questions/[questionId]/QuestionDetailClient.tsx
View file

@ -6,6 +6,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@tpmjs/ui/Card/Card';
import { Icon } from '@tpmjs/ui/Icon/Icon';
import Link from 'next/link';
import { useState } from 'react';
import { Streamdown } from 'streamdown';
import { AppHeader } from '~/components/AppHeader';
function formatDate(dateString: string): string {
@ -163,8 +164,8 @@ export function QuestionDetailClient({
</CardTitle>
</CardHeader>
<CardContent padding="md" className="pt-0">
<div className="prose prose-sm max-w-none text-foreground">
<p className="whitespace-pre-wrap leading-relaxed">{question.answer}</p>
<div className="prose prose-sm max-w-none text-foreground leading-relaxed">
<Streamdown isAnimating={false}>{question.answer}</Streamdown>
</div>
{question.answerTokens > 0 && (
<p className="mt-4 text-xs text-foreground-tertiary">