rename comp for clarity

web/pages/chat.tsx

@@ -5,7 +5,7 @@ import { RowSelectionType } from "antd/es/table/interface";
 import { ColumnsType } from 'antd/es/table';
 import format from 'date-fns/format'
 
-import ToggleSwitch from './components/toggle';
+import MessageVisiblityToggle from './components/message-visiblity-toggle';
 
 import { CHAT_HISTORY, fetchData, UPDATE_CHAT_MESSGAE_VIZ } from "../utils/apis";
 import { MessageType } from '../types/chat';
@@ -161,7 +161,7 @@ export default function Chat() {
       filters: [{ text: 'visible', value: true }, { text: 'hidden', value: false }],
       onFilter: (value, record) => record.visible === value,
       render: (visible, record) => (
-        <ToggleSwitch
+        <MessageVisiblityToggle
           isVisible={visible}
           message={record}
           setMessage={updateMessage}

web/pages/components/message-visiblity-toggle.tsx

@@ -1,5 +1,4 @@
 // Wrapper for AntDesign Switch that makes an api call, then displays a confirmation icon upon 
-// TODO: make it more generic, maybe. This one is currently just for message visiblity updates.
 
 import React, { useState, useEffect } from "react";
 import { Switch } from "antd";
@@ -11,11 +10,11 @@ import { OUTCOME_TIMEOUT } from "../chat";
 interface MessageToggleProps {
   isVisible: boolean;
   message: MessageType;
-  setMessage: (message: MessageType) => {},
+  setMessage: (message: MessageType) => void,
 };
 
 
-export default function ToggleSwitch({ isVisible, message, setMessage }: MessageToggleProps) {
+export default function MessageVisiblityToggle({ isVisible, message, setMessage }: MessageToggleProps) {
   let outcomeTimeout = null;
   const [outcome, setOutcome] = useState(0);