From e32c09f48f2caaee3fa14388542c58d2b8c71835 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sat, 11 Mar 2023 19:59:38 +0900
Subject: [PATCH] Fix studio error in the movie header

---
 front/packages/ui/src/details/header.tsx | 33 +++++++++++++-----------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/front/packages/ui/src/details/header.tsx b/front/packages/ui/src/details/header.tsx
index c5bf93f5..220e9ac2 100644
--- a/front/packages/ui/src/details/header.tsx
+++ b/front/packages/ui/src/details/header.tsx
@@ -190,21 +190,24 @@ const TitleLine = ({
 					}),
 				])}
 			>
-				<P
-					{...css({
-						color: (theme: Theme) => theme.user.paragraph,
-						display: "flex",
-					})}
-				>
-					{t("show.studio")}:{" "}
-					{isLoading ? (
-						<Skeleton {...css({ width: rem(5) })} />
-					) : (
-						<A href={`/studio/${studio!.slug}`} {...css({ color: (theme) => theme.user.link })}>
-							{studio!.name}
-						</A>
-					)}
-				</P>
+				{isLoading ||
+					(studio && (
+						<P
+							{...css({
+								color: (theme: Theme) => theme.user.paragraph,
+								display: "flex",
+							})}
+						>
+							{t("show.studio")}:{" "}
+							{isLoading ? (
+								<Skeleton {...css({ width: rem(5) })} />
+							) : (
+								<A href={`/studio/${studio.slug}`} {...css({ color: (theme) => theme.user.link })}>
+									{studio.name}
+								</A>
+							)}
+						</P>
+					))}
 			</View>
 		</Container>
 	);