Remove "enabled" toggle on timer module

frontend/src/store/api/reducer.ts

@@ -155,13 +155,6 @@ export const modules = {
       state.moduleConfigs.twitchBotConfig = payload;
     },
   ),
-  twitchBotModulesConfig: makeModule(
-    'twitch/bot-modules/config',
-    (state) => state.twitchBot?.modules,
-    (state, { payload }) => {
-      state.twitchBot.modules = payload;
-    },
-  ),
   twitchBotCommands: makeModule(
     'twitch/bot-custom-commands',
     (state) => state.twitchBot?.commands,
@@ -252,7 +245,6 @@ const initialState: APIState = {
   },
   twitchBot: {
     commands: null,
-    modules: null,
     timers: null,
   },
   moduleConfigs: {

frontend/src/store/api/types.ts

@@ -31,10 +31,6 @@ interface TwitchBotConfig {
   chat_history: number;
 }
 
-interface TwitchModulesConfig {
-  enable_timers: boolean;
-}
-
 export type AccessLevelType =
   | 'everyone'
   | 'subscribers'
@@ -134,7 +130,6 @@ export interface APIState {
   };
   twitchBot: {
     commands: TwitchBotCustomCommands;
-    modules: TwitchModulesConfig;
     timers: TwitchBotTimersConfig;
   };
   moduleConfigs: {

frontend/src/ui/pages/twitch/Timers.tsx

@@ -244,9 +244,6 @@ export default function TwitchBotTimersPage(
   props: RouteComponentProps<unknown>,
 ): React.ReactElement {
   const [twitchConfig] = useModule(modules.twitchConfig);
-  const [moduleConfig, setModuleConfig] = useModule(
-    modules.twitchBotModulesConfig,
-  );
   const [timerConfig, setTimerConfig] = useModule(modules.twitchBotTimers);
   const dispatch = useDispatch();
   const { t } = useTranslation();
@@ -257,8 +254,6 @@ export default function TwitchBotTimersPage(
   const timerFilterLC = timerFilter.toLowerCase();
 
   const botActive = twitchConfig?.enable_bot ?? false;
-  const timersActive = moduleConfig?.enable_timers ?? false;
-  const active = botActive && timersActive;
 
   const createTimer = (name: string, data: TwitchBotTimer): void => {
     dispatch(
@@ -333,31 +328,9 @@ export default function TwitchBotTimersPage(
   return (
     <>
       <h1 className="title is-4">{t('twitch.timers.header')}</h1>
-      <Field>
-        <label className="checkbox">
-          <input
-            type="checkbox"
-            disabled={!botActive}
-            checked={active}
-            onChange={(ev) =>
-              dispatch(
-                setModuleConfig({
-                  ...moduleConfig,
-                  enable_timers: ev.target.checked,
-                }),
-              )
-            }
-          />
-          {` ${t('twitch.timers.enable')} `}
-        </label>
-      </Field>
       <div className="field is-grouped">
         <p className="control">
-          <button
-            className="button"
-            disabled={!timersActive}
-            onClick={() => setCreateModal(true)}
-          >
+          <button className="button" onClick={() => setCreateModal(true)}>
             {t('twitch.timers.new-timer')}
           </button>
         </p>
@@ -366,7 +339,6 @@ export default function TwitchBotTimersPage(
           <input
             className="input"
             type="text"
-            disabled={!timersActive}
             placeholder={t('twitch.timers.search')}
             value={timerFilter}
             onChange={(ev) => setTimerFilter(ev.target.value)}
@@ -397,19 +369,17 @@ export default function TwitchBotTimersPage(
         />
       ) : null}
       <div className="reward-list" style={{ marginTop: '1rem' }}>
-        {timersActive
-          ? Object.keys(timerConfig?.timers ?? {})
-              ?.filter((cmd) => cmd.toLowerCase().includes(timerFilterLC))
-              .map((timer) => (
-                <TimerItem
-                  key={timer}
-                  item={timerConfig.timers[timer]}
-                  onDelete={() => deleteTimer(timer)}
-                  onEdit={() => setShowModifyTimer(timer)}
-                  onToggleState={() => toggleTimer(timer)}
-                />
-              ))
-          : null}
+        {Object.keys(timerConfig?.timers ?? {})
+          ?.filter((cmd) => cmd.toLowerCase().includes(timerFilterLC))
+          .map((timer) => (
+            <TimerItem
+              key={timer}
+              item={timerConfig.timers[timer]}
+              onDelete={() => deleteTimer(timer)}
+              onEdit={() => setShowModifyTimer(timer)}
+              onToggleState={() => toggleTimer(timer)}
+            />
+          ))}
       </div>
     </>
   );