From c61f2f7547100962f0e8e3e8a30fa170db27b115 Mon Sep 17 00:00:00 2001 From: Ruben Gimenez Date: Thu, 30 May 2024 07:23:21 -0700 Subject: [PATCH] task: implement DisplayMarkdown (#279) --- demo/tables.py | 6 ++++-- src/npm-fastui/src/components/display.tsx | 4 ++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/demo/tables.py b/demo/tables.py index d78bc8e4..0e851453 100644 --- a/demo/tables.py +++ b/demo/tables.py @@ -96,11 +96,12 @@ class User(BaseModel): name: str = Field(title='Name') dob: date = Field(title='Date of Birth') enabled: bool | None = None + status_markdown: str | None = Field(default=None, title='Status') users: list[User] = [ - User(id=1, name='John', dob=date(1990, 1, 1), enabled=True), - User(id=2, name='Jane', dob=date(1991, 1, 1), enabled=False), + User(id=1, name='John', dob=date(1990, 1, 1), enabled=True, status_markdown='**Active**'), + User(id=2, name='Jane', dob=date(1991, 1, 1), enabled=False, status_markdown='*Inactive*'), User(id=3, name='Jack', dob=date(1992, 1, 1)), ] @@ -115,6 +116,7 @@ def users_view() -> list[AnyComponent]: DisplayLookup(field='name', on_click=GoToEvent(url='/table/users/{id}/')), DisplayLookup(field='dob', mode=DisplayMode.date), DisplayLookup(field='enabled'), + DisplayLookup(field='status_markdown', mode=DisplayMode.markdown), ], ), title='Users', diff --git a/src/npm-fastui/src/components/display.tsx b/src/npm-fastui/src/components/display.tsx index 539ea648..026c3398 100644 --- a/src/npm-fastui/src/components/display.tsx +++ b/src/npm-fastui/src/components/display.tsx @@ -9,6 +9,7 @@ import { AnyComp } from '.' import { JsonComp } from './Json' import { LinkRender } from './link' +import MarkdownComp from './MarkdownLazy' export const DisplayComp: FC = (props) => { const CustomRenderComp = useCustomRender(props) @@ -206,8 +207,7 @@ const DisplayMarkdown: FC<{ value: JSONPrimitive }> = ({ value }) => { if (value === null) { return } else { - // TODO - return <>{value.toString()} + return } }