diff --git a/apps/web/src/components/live/ControlBar/index.tsx b/apps/web/src/components/live/ControlBar/index.tsx index c4b273d8..2260be99 100644 --- a/apps/web/src/components/live/ControlBar/index.tsx +++ b/apps/web/src/components/live/ControlBar/index.tsx @@ -143,7 +143,11 @@ const ControlBar = ({ isOwner, onTicleEnd }: ControlBarProps) => { /> )} {isOpenSettingModal && ( - + )} ); diff --git a/apps/web/src/components/live/SettingDialog/index.tsx b/apps/web/src/components/live/SettingDialog/index.tsx index 48f71da8..41f32282 100644 --- a/apps/web/src/components/live/SettingDialog/index.tsx +++ b/apps/web/src/components/live/SettingDialog/index.tsx @@ -1,4 +1,5 @@ import { cva } from 'class-variance-authority'; +import { i } from 'node_modules/@repo/mediasoup/dist/index-uthNRcro'; import { useState } from 'react'; import { Dialog } from '@/components/common/Dialog'; @@ -23,10 +24,12 @@ const listVariants = cva( const SIDEBAR_ITEMS = [ { + onlyForOwner: false, title: '오디오 및 비디오', Component: SelectMedia, }, { + onlyForOwner: true, title: 'AI 음성 요약', Component: AiSummary, }, @@ -35,9 +38,10 @@ const SIDEBAR_ITEMS = [ interface SettingDialogProps { isOpen: boolean; onClose: () => void; + isOwner: boolean; } -function SettingDialog({ isOpen, onClose }: SettingDialogProps) { +function SettingDialog({ isOpen, onClose, isOwner }: SettingDialogProps) { const [activeIndex, setActiveIndex] = useState(0); const Component = SIDEBAR_ITEMS[activeIndex]?.Component; @@ -48,15 +52,18 @@ function SettingDialog({ isOpen, onClose }: SettingDialogProps) {
    - {SIDEBAR_ITEMS.map((item, index) => ( -
  • setActiveIndex(index)} - > - {item.title} -
  • - ))} + {SIDEBAR_ITEMS.map( + (item, index) => + (item.onlyForOwner ? isOwner : true) && ( +
  • setActiveIndex(index)} + > + {item.title} +
  • + ) + )}
{Component && }