crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 07:26:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

rich text display fix list display

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe 2024-07-07 11:22:44 +07:00
parent cc2c79764d
commit 915403b6c4
No known key found for this signature in database
GPG Key ID: CFD53CE570D42DF5
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/page/rich-text-display.tsx
View File

@ -1,3 +1,5 @@
import clsx from 'clsx';
type Text = {
type: 'text';
value: string;
@ -9,7 +11,7 @@ type Content =
| Text
| {
type: 'list';
listType: 'bullet' | 'ordered';
listType: 'bullet' | 'ordered' | 'unordered';
children: Array<{ type: 'listItem'; children: Text[] }>;
}
| { type: 'listItem'; children: Text[] };
@ -27,9 +29,14 @@ const RichTextBlock = ({ block }: { block: Content }) => {
return block.children.map((child, index) => <RichTextBlock key={index} block={child} />);
}
if (block.type === 'list' && block.listType === 'ordered') {
if (block.type === 'list') {
return (
<ol className="ml-10 list-decimal">
<ol
className={clsx('spacy-y-0.5 ml-7', {
'list-decimal': block.listType === 'ordered',
'list-disc': block.listType === 'unordered'
})}
>
{block.children.map((child, index) => (
<li key={index}>
<RichTextBlock block={child} />