Merge pull request #65 from JichouP:fix/#48

フォーローモードのインジゲーターを出す

Author: JichouP

CHANGELOG.md

@@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org).
 
 ### Changed
 
+- [全環境] フォーローモードのインジゲーターを出すように変更 [#65](https://github.com/JichouP/Better-traQ/issues/65)
 - [全環境] デフォルト設定で、フォローモードをオンにするときに、自動でアクティビティタブに飛ぶように変更 [#63](https://github.com/JichouP/Better-traQ/issues/63)
 - [全環境] チャンネルフィルターにフォーカスして、現在のチャンネルを入力するとき、最後に / を付ける [#61](https://github.com/JichouP/Better-traQ/issues/61)
 - [全環境] 条件の名前を変更 [#51](https://github.com/JichouP/Better-traQ/issues/51) [#60](https://github.com/JichouP/Better-traQ/issues/60)

src/content_scripts/actions/toggleNavigationBarActivityFollowMode.ts

@@ -1,15 +1,25 @@
 import selectors from '../selectors';
-import followModeStore from '@/store/ForrowModeStore';
+import followModeStore from '@/store/FollowModeStore';
 
 const isActivity = () => {
   const navigationBarTitleSelector = `${selectors.navigationBar()} > h2`;
-  const el = document.querySelector<HTMLDivElement>(navigationBarTitleSelector);
-  if (!el) return false;
-  return el.innerHTML === 'アクティビティ';
+  const navigationBarTitleEl = document.querySelector<HTMLDivElement>(
+    navigationBarTitleSelector
+  );
+  if (!navigationBarTitleEl) return false;
+
+  return navigationBarTitleEl.innerHTML.includes('アクティビティ');
 };
 
 const toggleNavigationBarActivityFollowMode = () => {
+  const navigationBarTitleSelector = `${selectors.navigationBar()} > h2`;
+  const navigationBarTitleEl = document.querySelector<HTMLDivElement>(
+    navigationBarTitleSelector
+  );
+  if (!navigationBarTitleEl) return;
+
   if (followModeStore.isFollowMode()) {
+    navigationBarTitleEl.innerHTML = 'アクティビティ';
     window.clearInterval(followModeStore.getHandler());
     return followModeStore.setHandler(0);
   }
@@ -31,7 +41,8 @@ const toggleNavigationBarActivityFollowMode = () => {
       followModeStore.setLatestMessage(latestMessage);
       latestMessage.click();
     }
-  }, 1000);
+  }, 100);
+  navigationBarTitleEl.innerHTML = 'アクティビティ🔴';
   followModeStore.setHandler(handler);
 };