algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-29 05:02:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

website: make ad component change background color

Browse Source
This commit is contained in:
Yangshun
2021-08-07 23:03:41 +08:00
parent 348ad0c907
commit 27894a7389
2 changed files with 38 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
website/src/components/SidebarAd/index.js
View File

@ -2,12 +2,24 @@ import React from 'react';
import ReactDOM from 'react-dom';
import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
import clsx from 'clsx';
import styles from './styles.module.css';
export default function SidebarAd() {
const BACKGROUNDS = [
styles.backgroundBlue,
styles.backgroundGreen,
styles.backgroundOrange,
styles.backgroundPurple,
styles.backgroundRed,
];
export default React.memo(function SidebarAd() {
const backgroundClass = BACKGROUNDS[Math.floor(Math.random() * BACKGROUNDS.length)];
return (
<a
className={styles.container}
className={clsx(styles.container, backgroundClass)}
href="https://www.moonchaser.io/?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=website_docs_sidebar"
target="_blank"
rel="noreferrer noopener"
@ -20,4 +32,4 @@ export default function SidebarAd() {
</p>
</a>
);
}
});