martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-14 12:39:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

renaming channel to topic in ui

Browse Source
This commit is contained in:
Roland Osborne 2022-09-01 10:19:10 -07:00
parent 282b52d66d
commit d6c8b71f69
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
net/web/src/session/channels/Channels.jsx
View File

@ -34,7 +34,7 @@ export function Channels({ open, active }) {
<ChannelsWrapper> <ChannelsWrapper>
<div class="search"> <div class="search">
<div class="filter"> <div class="filter">
<Input bordered={false} allowClear={true} placeholder="Channels" prefix={<SearchOutlined />} <Input bordered={false} allowClear={true} placeholder="Topics" prefix={<SearchOutlined />}
spellCheck="false" onChange={(e) => actions.onFilter(e.target.value)} /> spellCheck="false" onChange={(e) => actions.onFilter(e.target.value)} />
</div> </div>
{ state.display === 'small' && ( { state.display === 'small' && (
@ -57,11 +57,11 @@ export function Channels({ open, active }) {
<div class="bar"> <div class="bar">
<div class="add" onClick={actions.setShowAdd}> <div class="add" onClick={actions.setShowAdd}>
<CommentOutlined /> <CommentOutlined />
<div class="label">New Channel</div> <div class="label">New Topic</div>
</div> </div>
</div> </div>
)} )}
<Modal title="New Channel" centered visible={state.showAdd} footer={addFooter} <Modal title="New Topic" centered visible={state.showAdd} footer={addFooter}
onCancel={actions.clearShowAdd}> onCancel={actions.clearShowAdd}>
<AddChannel state={state} actions={actions} /> <AddChannel state={state} actions={actions} />
</Modal> </Modal>

14
net/web/src/session/details/Details.jsx
View File

@ -14,7 +14,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
const deleteChannel = async () => { const deleteChannel = async () => {
Modal.confirm({ Modal.confirm({
title: 'Are you sure you want to delete the channel?', title: 'Are you sure you want to delete the topic?',
icon: <ExclamationCircleOutlined />, icon: <ExclamationCircleOutlined />,
okText: "Yes, Delete", okText: "Yes, Delete",
cancelText: "No, Cancel", cancelText: "No, Cancel",
@ -32,7 +32,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
} }
catch(err) { catch(err) {
Modal.error({ Modal.error({
title: 'Failed to Delete Channel', title: 'Failed to Delete Topic',
content: 'Please try again.', content: 'Please try again.',
}); });
} }
@ -40,7 +40,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
const leaveChannel = async () => { const leaveChannel = async () => {
Modal.confirm({ Modal.confirm({
title: 'Are you sure you want to leave the channel?', title: 'Are you sure you want to leave the topic?',
icon: <ExclamationCircleOutlined />, icon: <ExclamationCircleOutlined />,
okText: "Yes, Leave", okText: "Yes, Leave",
cancelText: "No, Cancel", cancelText: "No, Cancel",
@ -58,7 +58,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
} }
catch(err) { catch(err) {
Modal.error({ Modal.error({
title: 'Failed to Leave Channel', title: 'Failed to Leave Topic',
content: 'Please try again.', content: 'Please try again.',
}); });
} }
@ -93,7 +93,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
return ( return (
<DetailsWrapper> <DetailsWrapper>
<div class="header"> <div class="header">
<div class="label">Channel</div> <div class="label">Topic</div>
{ state.display === 'xlarge' && ( { state.display === 'xlarge' && (
<div class="dismiss" onClick={closeConversation}> <div class="dismiss" onClick={closeConversation}>
<DoubleRightOutlined /> <DoubleRightOutlined />
@ -137,13 +137,13 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
</div> </div>
</div> </div>
{ state.host && ( { state.host && (
<div class="button" onClick={deleteChannel}>Delete Channel</div> <div class="button" onClick={deleteChannel}>Delete Topic</div>
)} )}
{ state.host && ( { state.host && (
<div class="button" onClick={actions.setEditMembers}>Edit Membership</div> <div class="button" onClick={actions.setEditMembers}>Edit Membership</div>
)} )}
{ !state.host && ( { !state.host && (
<div class="button" onClick={leaveChannel}>Leave Channel</div> <div class="button" onClick={leaveChannel}>Leave Topic</div>
)} )}
<div class="label">Members</div> <div class="label">Members</div>
<div class="members"> <div class="members">