mirror of
https://github.com/yangshun/tech-interview-handbook.git
synced 2025-07-28 20:52:00 +08:00
website: try to fix Carbon again
This commit is contained in:
@ -1,55 +1,34 @@
|
|||||||
import React from 'react';
|
import React, {useEffect, useRef} from 'react';
|
||||||
import BrowserOnly from '@docusaurus/BrowserOnly';
|
|
||||||
|
// Credits: https://github.com/tannerlinsley/react-query/blob/master/docs/src/components/CarbonAds.js
|
||||||
|
function buildScript(src, attrs = {}) {
|
||||||
|
if (typeof document !== 'undefined') {
|
||||||
|
const script = document.createElement('script');
|
||||||
|
script.async = true;
|
||||||
|
script.defer = true;
|
||||||
|
script.src = src;
|
||||||
|
Object.keys(attrs).forEach((attr) =>
|
||||||
|
script.setAttribute(attr, attrs[attr]),
|
||||||
|
);
|
||||||
|
|
||||||
|
return script;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export default React.memo(() => {
|
export default React.memo(() => {
|
||||||
return (
|
const ref = useRef();
|
||||||
<BrowserOnly>
|
|
||||||
{() => (
|
useEffect(() => {
|
||||||
<div>
|
const script = buildScript(
|
||||||
<script
|
'//cdn.carbonads.com/carbon.js?serve=CEAI4537&placement=wwwtechinterviewhandbookorg',
|
||||||
type="text/javascript"
|
{
|
||||||
src="//cdn.carbonads.com/carbon.js?serve=CEAI4537&placement=wwwtechinterviewhandbookorg"
|
type: 'text/javascript',
|
||||||
id="_carbonads_js"
|
id: '_carbonads_js',
|
||||||
/>
|
},
|
||||||
{process.env.NODE_ENV === 'development' && (
|
|
||||||
<div id="carbonads">
|
|
||||||
<span>
|
|
||||||
<span className="carbon-wrap">
|
|
||||||
<a
|
|
||||||
href="https://srv.carbonads.net/ads/click/x/GTND42JWCABD6K7LCVYLYKQNCESIEKJLCKBIKZ3JCYBD527JC67DV2JKC6YDLK7WFTBDPKQJCK7IK23IFTADT23MHEYIK23UCEYDK53ECTNCYBZ52K?segment=placement:wwwtechinterviewhandbookorg;"
|
|
||||||
className="carbon-img"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener sponsored">
|
|
||||||
<img
|
|
||||||
src="https://cdn4.buysellads.net/uu/1/100164/1630683824-shortcut260x200.png"
|
|
||||||
alt="ads via Carbon"
|
|
||||||
border="0"
|
|
||||||
height="100"
|
|
||||||
width="130"
|
|
||||||
style={{maxWidth: 130}}
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
href="https://srv.carbonads.net/ads/click/x/GTND42JWCABD6K7LCVYLYKQNCESIEKJLCKBIKZ3JCYBD527JC67DV2JKC6YDLK7WFTBDPKQJCK7IK23IFTADT23MHEYIK23UCEYDK53ECTNCYBZ52K?segment=placement:wwwtechinterviewhandbookorg;"
|
|
||||||
className="carbon-text"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener sponsored">
|
|
||||||
What if Your Project Management Tool Was Fast and Intuitive?
|
|
||||||
Try Shortcut (formerly Clubhouse).
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
<a
|
|
||||||
href="http://carbonads.net/?utm_source=wwwtechinterviewhandbookorg&utm_medium=ad_via_link&utm_campaign=in_unit&utm_term=carbon"
|
|
||||||
className="carbon-poweredby"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener sponsored">
|
|
||||||
ads via Carbon
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</BrowserOnly>
|
|
||||||
);
|
);
|
||||||
|
|
||||||
|
ref.current.appendChild(script);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return <div ref={ref} />;
|
||||||
});
|
});
|
||||||
|
Reference in New Issue
Block a user