diff --git a/assets/icons/BBP-logo-hover-dark.svg b/assets/icons/BBP-logo-hover-dark.svg new file mode 100644 index 00000000..a171f94d --- /dev/null +++ b/assets/icons/BBP-logo-hover-dark.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/assets/icons/BBP-logo-hover-light.svg b/assets/icons/BBP-logo-hover-light.svg new file mode 100644 index 00000000..03adc49a --- /dev/null +++ b/assets/icons/BBP-logo-hover-light.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/assets/icons/BBP-logo-main.svg b/assets/icons/BBP-logo-main.svg new file mode 100644 index 00000000..b838bc1e --- /dev/null +++ b/assets/icons/BBP-logo-main.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/app.tsx b/src/components/app.tsx index deaad14a..a5c8e05f 100644 --- a/src/components/app.tsx +++ b/src/components/app.tsx @@ -5,6 +5,7 @@ import { import { useAtomValue } from 'jotai'; import React, { Suspense } from 'react'; import { ModalManager } from 'src/components/modal'; +import { PHLogo } from 'src/components/ph-logo'; import atoms from 'src/store'; const Router = React.lazy(async () => { @@ -29,6 +30,7 @@ export default ( + diff --git a/src/components/ph-logo.tsx b/src/components/ph-logo.tsx new file mode 100644 index 00000000..10c1ea2f --- /dev/null +++ b/src/components/ph-logo.tsx @@ -0,0 +1,15 @@ +import LogoMain from '@/assets/icons/BBP-logo-hover-light.svg?react'; +import { openUrl } from 'src/utils/openUrl'; + +export const PHLogo = () => { + return ( +
+ openUrl('https://www.powerhouse.inc/')} + className="cursor-pointer opacity-45 transition-opacity duration-100 hover:opacity-100" + > + + +
+ ); +};