From 990152b11cb1c27c5d0e418ee7716be8758673c2 Mon Sep 17 00:00:00 2001
From: fantasticit <fantasticit@163.com>
Date: Mon, 30 May 2022 17:51:04 +0800
Subject: [PATCH] client: add illustration when document auth error

---
 .../components/document/reader/public/index.tsx  | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/client/src/components/document/reader/public/index.tsx b/packages/client/src/components/document/reader/public/index.tsx
index fee73be6..6b4c40a7 100644
--- a/packages/client/src/components/document/reader/public/index.tsx
+++ b/packages/client/src/components/document/reader/public/index.tsx
@@ -19,6 +19,7 @@ import { usePublicDocumentDetail } from 'data/document';
 import { useDocumentStyle } from 'hooks/use-document-style';
 import { useMount } from 'hooks/use-mount';
 import { IsOnMobile } from 'hooks/use-on-mobile';
+import { SecureDocumentIllustration } from 'illustrations/secure-document';
 import Link from 'next/link';
 import React, { useCallback, useMemo, useRef } from 'react';
 import { createPortal } from 'react-dom';
@@ -92,7 +93,20 @@ export const DocumentPublicReader: React.FC<IProps> = ({ documentId, hideLogo =
         );
       }
       // @ts-ignore
-      return <Text>{error.message || error || '未知错误'}</Text>;
+      return (<div
+        style={{
+          margin: '10%',
+          display: 'flex',
+          justifyContent: 'center',
+          flexDirection: 'column',
+          alignItems: 'center',
+        }}
+      >
+        <SecureDocumentIllustration />
+        <Text style={{ marginTop: 12 }} type="danger">
+          {(error && (error as Error).message) || '未知错误'}
+        </Text>
+      </div>);
     }
 
     return (