|
@@ -1,23 +1,18 @@
|
|
|
import React from 'react';
|
|
|
import { _t } from 'utils/locale';
|
|
|
-import SemiSiteHeader from '@douyinfe/semi-site-header';
|
|
|
-import '@douyinfe/semi-site-header/dist/index.css';
|
|
|
+import SemiSiteHeader from 'semi-site-header';
|
|
|
+import 'semi-site-header/dist/index.css';
|
|
|
import { navigate } from 'gatsby';
|
|
|
|
|
|
const Header = ({ location, localeCode, style }) => (
|
|
|
<div>
|
|
|
<SemiSiteHeader
|
|
|
style={style}
|
|
|
- transparent={true}
|
|
|
- colorReverse={false}
|
|
|
- location={location}
|
|
|
- hasSearch={true}
|
|
|
- onSearch={() => window.showSearch()}
|
|
|
onDarkChange={(mode)=>{
|
|
|
const iframeDOM=document.querySelector('iframe');
|
|
|
- try{
|
|
|
+ try {
|
|
|
iframeDOM?.contentWindow?.semidoc?.setDarkmode(mode==='dark');
|
|
|
- }catch (e){
|
|
|
+ } catch (e){
|
|
|
|
|
|
}
|
|
|
}}
|