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 && }