mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-22 21:14:18 +00:00
38 lines
1 KiB
JavaScript
38 lines
1 KiB
JavaScript
import React, { useContext } from "react"
|
|
import Style from "./Logo.module.css"
|
|
import LogoDark from "../../media/LogoDark.png"
|
|
import LogoLight from "../../media/LogoLight.png"
|
|
import ContextTheme from "../../contexts/ContextTheme"
|
|
import classNames from "classnames"
|
|
|
|
|
|
/**
|
|
* The N.E.S.T. logo.
|
|
*
|
|
* It loads a different image based on the currently selected theme.
|
|
*
|
|
* @param className - Additional class(es) to add to the image.
|
|
* @param props - Additional props to pass to the image.
|
|
* @returns {JSX.Element}
|
|
* @constructor
|
|
*/
|
|
export default function Logo({ className, ...props }) {
|
|
// I have no idea why IntelliJ is complaining about this line
|
|
// It's perfectly fine!
|
|
const { theme } = useContext(ContextTheme)
|
|
|
|
let logo
|
|
if(theme === "ThemeDark") {
|
|
logo = LogoDark
|
|
}
|
|
else if(theme === "ThemeLight") {
|
|
logo = LogoLight
|
|
}
|
|
else {
|
|
logo = "#"
|
|
}
|
|
|
|
return (
|
|
<img src={logo} className={classNames(Style.Logo, className)} alt={"N.E.S.T."} {...props}/>
|
|
)
|
|
}
|