fix: 기능 명시

kyechan99 · Mar 17, 2024 · 28154a2 · 28154a2
1 parent 19aa375
commit 28154a2
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 10 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -35,14 +35,40 @@ function App() {
 
       <hr />
 
+      <div className="setting-group">
+        <h2 className="setting-label">채널</h2>
+        <div className="menus">
+          <div className="menu">
+            <p className="menu-title">프리뷰</p>
+            <p className="menu-desc">생방송 실시간 프리뷰 표시</p>
+          </div>
+
+          <div className="menu">
+            <p className="menu-title">[베타] 즐겨찾기</p>
+            <p className="menu-desc">'팔로우 채널' 중 우선순위 올리기</p>
+          </div>
+        </div>
+      </div>
+
+      <hr />
+
       <div className="setting-group">
         <h2 className="setting-label">플레이어</h2>
         <div className="menus">
           <div className="menu">
-            <p className="menu-title">추가 설정</p>
+            <p className="menu-title">추가 키 기능</p>
             <p className="menu-desc">S: 스크린샷</p>
           </div>
 
+          <div className="menu">
+            <p className="menu-title">플레이어 도우미</p>
+            <p className="menu-desc">오디오 압축</p>
+            <p className="menu-desc">빨리감기</p>
+            <p className="menu-desc">PIP 모드</p>
+            <p className="menu-desc">스크린샷</p>
+            <p className="menu-desc">[베타] 녹화</p>
+          </div>
+
           <Checkbox id={PLAYER_KEY_CONTROL}>
             <div className="menu">
               <p className="menu-title">키 이벤트 활성화 *</p>

diff --git a/src/components/video/Preview/Preview.tsx b/src/components/video/Preview/Preview.tsx
@@ -30,11 +30,14 @@ export default function Preview() {
           const addedNodes = mutation.addedNodes;
           const removedNodes = mutation.removedNodes;
 
+          console.log("aa", addedNodes, removedNodes);
+
           // 새로 추가된 자식 요소에 이벤트를 추가합니다.
           for (const addedNode of addedNodes) {
             addedNode.addEventListener("mouseenter", navHoverListener);
             addedNode.addEventListener("mouseleave", navLeaveListener);
           }
+
           // 제거된 자식 요소에서 이벤트를 제거합니다.
           for (const removedNode of removedNodes) {
             removedNode.removeEventListener("mouseenter", navHoverListener);
@@ -46,14 +49,7 @@ export default function Preview() {
     const observer = new MutationObserver(observerCallback);
 
     const $navigation = document.getElementById("navigation");
-    /*
-      <div className="navigator_wrapper__ruh6f">
-        <h2 className="navigator_title__9RhVJ" style={{ paddingLeft: "0.5rem" }}>
-          즐겨찾기 채널
-        </h2>
-        <div className="navigator_list__cHnuV">
-      </div>
-    */
+
     const $starNavigation = document.createElement("div");
     $starNavigation.className = "navigator_wrapper__ruh6f";
     $navigation?.prepend($starNavigation);

diff --git a/src/page/lives.ts b/src/page/lives.ts
@@ -33,7 +33,6 @@ export const editLiveListPage = () => {
                     BLOCKED_VIDEO_CARD
                   ) as HTMLElement;
 
-                  console.log(addedNode);
                   if (blockedCard) {
                     blockedCard.parentElement?.remove();
                   }