website: add backToUp button.

Author: jaywcjlove

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"
   },

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>