website: add backToUp button.

uiwjs · Aug 29, 2022 · 91a1a35 · 91a1a35
1 parent db62101
commit 91a1a35
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/website/package.json b/website/package.json
@@ -33,11 +33,12 @@
   },
   "dependencies": {
     "@uiw/formatter": "~1.3.2",
+    "@uiw/react-back-to-top": "^1.2.0",
     "@uiw/react-code-preview": "~4.0.5",
     "@uiw/react-markdown-preview": "~3.5.0",
     "@uiw/reset.css": "~1.0.5",
-    "react": "~17.0.2",
-    "react-dom": "~17.0.2",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0",
     "react-router-dom": "~6.2.2",
     "uiw": "^4.21.16"
   },

diff --git a/website/src/index.tsx b/website/src/index.tsx
@@ -1,6 +1,7 @@
 import React, { useReducer } from 'react';
 import ReactDOM from 'react-dom';
 import { useRoutes, HashRouter } from 'react-router-dom';
+import BackToUp from '@uiw/react-back-to-top';
 import '@uiw/reset.css';
 import { routes } from './routers';
 import './styles/index.less';
@@ -14,6 +15,7 @@ export const Provider = ({ children }: { children: React.ReactNode }) => {
 
 ReactDOM.render(
   <HashRouter>
+    <BackToUp style={{ zIndex: 9999 }}>Top</BackToUp>
     <Provider>
       <App />
     </Provider>