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) {