From 4f1d0f727877d97cdf4b803c6e125419665c70bc Mon Sep 17 00:00:00 2001 From: Quentin Le Caignec Date: Fri, 20 Oct 2023 10:22:01 +0200 Subject: [PATCH] feat(redmine 1258408): added DocumentView to DocumentDetails page --- .changeset/popular-pandas-bow.md | 5 +++++ .../Pages/DocumentDetails/DocumentDetails.tsx | 5 ++++- .../src/Pages/DocumentDetails/DocumentView.tsx | 13 +++++++++++++ .../src/Pages/DocumentDetails/example.pdf | Bin 0 -> 119010 bytes 4 files changed, 22 insertions(+), 1 deletion(-) create mode 100644 .changeset/popular-pandas-bow.md create mode 100644 packages/react-front-kit/src/Pages/DocumentDetails/DocumentView.tsx create mode 100644 packages/react-front-kit/src/Pages/DocumentDetails/example.pdf diff --git a/.changeset/popular-pandas-bow.md b/.changeset/popular-pandas-bow.md new file mode 100644 index 00000000..8f6869f5 --- /dev/null +++ b/.changeset/popular-pandas-bow.md @@ -0,0 +1,5 @@ +--- +'@smile/react-front-kit': minor +--- + +Added `DocumentView` iframe to `DocumentDetails` example page diff --git a/packages/react-front-kit/src/Pages/DocumentDetails/DocumentDetails.tsx b/packages/react-front-kit/src/Pages/DocumentDetails/DocumentDetails.tsx index 6421590a..847168d6 100644 --- a/packages/react-front-kit/src/Pages/DocumentDetails/DocumentDetails.tsx +++ b/packages/react-front-kit/src/Pages/DocumentDetails/DocumentDetails.tsx @@ -30,6 +30,7 @@ import { CardNative, CardPermissions, } from './DocumentDetails.mock'; +import { DocumentView } from './DocumentView'; const theme = primaryTheme; theme.colorScheme = 'dark'; @@ -156,7 +157,9 @@ export function DocumentDetails(): ReactElement { -
+
+ +
diff --git a/packages/react-front-kit/src/Pages/DocumentDetails/DocumentView.tsx b/packages/react-front-kit/src/Pages/DocumentDetails/DocumentView.tsx new file mode 100644 index 00000000..df69f908 --- /dev/null +++ b/packages/react-front-kit/src/Pages/DocumentDetails/DocumentView.tsx @@ -0,0 +1,13 @@ +import type { ReactElement } from 'react'; + +interface IDocumentViewProps { + title?: string; + url: string; +} + +export function DocumentView(props: IDocumentViewProps): ReactElement { + const { title = 'document', url } = props; + + // eslint-disable-next-line react/iframe-missing-sandbox + return