MAGICGrants/campaign-site
1
0
Fork 0
mirror of https://github.com/MAGICGrants/campaign-site.git synced 2026-01-09 12:27:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: use fund logos as header image

Browse Source
This commit is contained in:
Artur
2024-09-29 20:49:58 -03:00
parent 315c61afdd
commit 9239b251e6
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/Header.tsx
View File

@@ -23,6 +23,9 @@ import {
import { useFundSlug } from '../utils/use-fund-slug'
import CustomLink from './CustomLink'
import { funds } from '../utils/funds'
import MoneroLogo from './MoneroLogo'
import FiroLogo from './FiroLogo'
import PrivacyGuidesLogo from './PrivacyGuidesLogo'
const Header = () => {
const [registerIsOpen, setRegisterIsOpen] = useState(false)
@@ -48,12 +51,15 @@ const Header = () => {
aria-label="Home"
className="flex items-center mr-3 gap-4"
>
<MagicLogo className="w-12 h-12" />
{
<span className="text-foreground text-lg font-bold">
{fund ? fund.title : 'MAGIC Grants'}
</span>
}
{!fundSlug && <MagicLogo className="w-12 h-12" />}
{fundSlug === 'monero' && <MoneroLogo className="w-12 h-12" />}
{fundSlug === 'firo' && <FiroLogo className="w-12 h-12" />}
{fundSlug === 'privacyguides' && <PrivacyGuidesLogo className="w-12 h-12" />}
{fundSlug === 'general' && <MagicLogo className="w-12 h-12" />}
<span className="text-foreground text-lg font-bold">
{fund ? fund.title : 'MAGIC Grants'}
</span>
</Link>
</div>