quivr/frontend/app/(home)/components/QuivrLogo.tsx
Matthieu Jacq 7e88032dc9
feat: new homepage header (#1382)
## Relates to

Epic: #1232 
Issue: #1377 

## 🚩 Feature flag

Use in growthbook the flag: `new-homepage-activated` (boolean)

## 📷 Screenshots

### 🖥️ Desktop

<img width="1059" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/e0bae17a-bb94-4ba8-8dc3-a79d18f5d933">

### 📱 Mobile

<img width="377" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/af8398dc-d9df-4034-a329-49aae3b2bf45">

<img width="375" alt="image"
src="https://github.com/StanGirard/quivr/assets/67386567/c5d53051-939e-49df-9c0a-212eff576b34">

---------

Co-authored-by: Zineb El Bachiri <100568984+gozineb@users.noreply.github.com>
2023-10-11 18:36:16 +02:00

25 lines
489 B
TypeScript

import Image from "next/image";
interface QuivrLogoProps {
size: number;
color?: "white" | "black" | "primary";
}
export const QuivrLogo = ({
size,
color = "white",
}: QuivrLogoProps): JSX.Element => {
const src = color === "primary" ? "/logo-primary.svg" : "/logo-white.svg";
const filter = color === "black" ? "invert(1)" : "none";
return (
<Image
src={src}
alt="Quivr Logo"
width={size}
height={size}
style={{ filter }}
/>
);
};