mirror of
https://github.com/QuivrHQ/quivr.git
synced 2024-12-16 18:52:12 +03:00
## 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>
25 lines
489 B
TypeScript
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 }}
|
|
/>
|
|
);
|
|
};
|