feat: use rivers header component

package.json

@@ -21,6 +21,7 @@
     }
   },
   "dependencies": {
+    "@chaitin_rivers/multi_river": "^0.0.3",
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.0",
     "@emotion/server": "^11.11.0",

public/cnzz.js

@@ -11,12 +11,4 @@ if (
   var cnzzTag = document.createElement('script');
   cnzzTag.src = 'https://s4.cnzz.com/z.js?id=1281132544&async=1';
   document.head.append(cnzzTag);
-
-  const DOMAIN = location?.hostname?.includes('dev')
-    ? 'https://dev.rivers.ctopt.cn'
-    : 'https://rivers.chaitin.cn';
-  var riverTag = document.createElement('script');
-  riverTag.src = DOMAIN + '/main-header.js';
-  document.head.append(riverTag);
-  document.body.style.paddingTop = '64px';
 }

src/pages/_app.tsx

@@ -20,6 +20,7 @@ import { usePath } from '@/hooks';
 import { useMemo } from 'react';
 import { allTools } from '@/utils/tools';
 import Head from 'next/head';
+import { Header as RiverHeader } from '@chaitin_rivers/multi_river';
 
 const clientSideEmotionCache = createEmotionCache();
 
@@ -32,7 +33,7 @@ export default function App({
   emotionCache = clientSideEmotionCache,
 }: any) {
   const { path } = usePath();
-
+  const isProduction = process.env.NODE_ENV === 'production';
   const currentItem = useMemo(() => {
     return allTools.find((item) => item.path === path);
   }, [path]);
@@ -62,6 +63,7 @@ export default function App({
           <AnchorContextProvider>
             <LikeContextProvider>
               <QueryClientProvider client={queryClient}>
+                {isProduction ? <RiverHeader noSsr={false} /> : null}
                 <Stack sx={{ width: '1180px', mx: 'auto', height: '100%' }}>
                   <Header />
                   <Stack

src/theme.ts

@@ -99,6 +99,9 @@ const theme = createTheme({
       }
       .error:{
         color:"#ccc
+      },
+      body{
+        padding-top: ${process.env.NODE_ENV === 'production' ? '64px' : '0'}
       }
       `,
     },