diff --git a/apps/web/app/s/[videoId]/_components/ShareHeader.tsx b/apps/web/app/s/[videoId]/_components/ShareHeader.tsx
index 4840992e99..1afab5a437 100644
--- a/apps/web/app/s/[videoId]/_components/ShareHeader.tsx
+++ b/apps/web/app/s/[videoId]/_components/ShareHeader.tsx
@@ -129,7 +129,7 @@ export const ShareHeader = ({
}
};
- const isVideoOwnerPro = user && data.ownerId === user.id && userIsPro(user);
+ const isVideoOwnerPro: boolean = user && isOwner ? userIsPro(user) : false;
const handleSharingUpdated = () => {
refresh();
@@ -224,7 +224,7 @@ export const ShareHeader = ({
{
- if (user && user.id.toString() === data.ownerId) {
+ if (isOwner) {
setIsEditing(true);
}
}}
diff --git a/apps/web/app/s/[videoId]/_components/Sidebar.tsx b/apps/web/app/s/[videoId]/_components/Sidebar.tsx
index 09ebaa1d2f..2f92fd8875 100644
--- a/apps/web/app/s/[videoId]/_components/Sidebar.tsx
+++ b/apps/web/app/s/[videoId]/_components/Sidebar.tsx
@@ -141,7 +141,8 @@ export const Sidebar = forwardRef<{ scrollToBottom: () => void }, SidebarProps>(
setActiveTab(tabId);
};
- const isVideoOwnerPro = user && data.ownerId === user.id && userIsPro(user);
+ const isOwner = user?.id === data.ownerId;
+ const isVideoOwnerPro = user && isOwner ? userIsPro(user) : false;
const renderTabContent = () => {
switch (activeTab) {