LogalDeveloper/owncast
0
Fork 0
Code Activity

rename comp for clarity

Browse Source
This commit is contained in:
gingervitis
2020-12-26 00:58:30 -08:00
parent e978789c8b
commit e6124f3d61
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/pages/chat.tsx
View File

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

5
web/pages/components/toggle.tsx → web/pages/components/message-visiblity-toggle.tsx
View File

@@ -1,5 +1,4 @@
// Wrapper for AntDesign Switch that makes an api call, then displays a confirmation icon upon // 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 React, { useState, useEffect } from "react";
import { Switch } from "antd"; import { Switch } from "antd";
@@ -11,11 +10,11 @@ import { OUTCOME_TIMEOUT } from "../chat";
interface MessageToggleProps { interface MessageToggleProps {
isVisible: boolean; isVisible: boolean;
message: MessageType; 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; let outcomeTimeout = null;
const [outcome, setOutcome] = useState(0); const [outcome, setOutcome] = useState(0);