diff --git a/front/packages/primitives/src/utils/head.tsx b/front/packages/primitives/src/utils/head.tsx
index 873432fb..ed66a17b 100644
--- a/front/packages/primitives/src/utils/head.tsx
+++ b/front/packages/primitives/src/utils/head.tsx
@@ -21,9 +21,11 @@
export const Head = ({
title,
description,
+ image,
}: {
title?: string | null;
description?: string | null;
+ image?: string | null;
}) => {
return null;
};
diff --git a/front/packages/primitives/src/utils/head.web.tsx b/front/packages/primitives/src/utils/head.web.tsx
index 44aced9b..3b34bd17 100644
--- a/front/packages/primitives/src/utils/head.web.tsx
+++ b/front/packages/primitives/src/utils/head.web.tsx
@@ -23,14 +23,17 @@ import NextHead from "next/head";
export const Head = ({
title,
description,
+ image,
}: {
title?: string | null;
description?: string | null;
+ image?: string | null;
}) => {
return (
{title && {title + " - Kyoo"}}
{description && }
+ {image && }
);
};
diff --git a/front/packages/ui/src/collection/index.tsx b/front/packages/ui/src/collection/index.tsx
index 7a24e8eb..73860a7d 100644
--- a/front/packages/ui/src/collection/index.tsx
+++ b/front/packages/ui/src/collection/index.tsx
@@ -29,7 +29,7 @@ import {
getDisplayDate,
} from "@kyoo/models";
import { Header as ShowHeader, TitleLine } from "../details/header";
-import { Container, ImageBackground, P, Skeleton, ts } from "@kyoo/primitives";
+import { Container, Head, ImageBackground, P, Skeleton, ts } from "@kyoo/primitives";
import { percent, px, useYoshiki } from "yoshiki/native";
import { useTranslation } from "react-i18next";
import { forwardRef } from "react";
@@ -48,6 +48,8 @@ const Header = ({ slug }: { slug: string }) => {
{({ isLoading, ...data }) => (
<>
+
+
{({ isLoading, ...data }) => (
<>
-
+