From d6c8b71f6903eac3c4e5f56ff905ac4957958653 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Thu, 1 Sep 2022 10:19:10 -0700
Subject: [PATCH] renaming channel to topic in ui

---
 net/web/src/session/channels/Channels.jsx |  6 +++---
 net/web/src/session/details/Details.jsx   | 14 +++++++-------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/net/web/src/session/channels/Channels.jsx b/net/web/src/session/channels/Channels.jsx
index 17bb29cc..14fb7c1a 100644
--- a/net/web/src/session/channels/Channels.jsx
+++ b/net/web/src/session/channels/Channels.jsx
@@ -34,7 +34,7 @@ export function Channels({ open, active }) {
     <ChannelsWrapper>
       <div class="search">
         <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)} />
         </div>
         { state.display === 'small' && (
@@ -57,11 +57,11 @@ export function Channels({ open, active }) {
         <div class="bar">
           <div class="add" onClick={actions.setShowAdd}>
             <CommentOutlined />
-            <div class="label">New Channel</div>
+            <div class="label">New Topic</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}>
         <AddChannel state={state} actions={actions} />
       </Modal>
diff --git a/net/web/src/session/details/Details.jsx b/net/web/src/session/details/Details.jsx
index 16b3cb66..fad15e54 100644
--- a/net/web/src/session/details/Details.jsx
+++ b/net/web/src/session/details/Details.jsx
@@ -14,7 +14,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
 
   const deleteChannel = async () => {
     Modal.confirm({
-      title: 'Are you sure you want to delete the channel?',
+      title: 'Are you sure you want to delete the topic?',
       icon: <ExclamationCircleOutlined />,
       okText: "Yes, Delete",
       cancelText: "No, Cancel",
@@ -32,7 +32,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
     }
     catch(err) {
       Modal.error({
-        title: 'Failed to Delete Channel',
+        title: 'Failed to Delete Topic',
         content: 'Please try again.',
       });
     }
@@ -40,7 +40,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
 
   const leaveChannel = async () => {
     Modal.confirm({
-      title: 'Are you sure you want to leave the channel?',
+      title: 'Are you sure you want to leave the topic?',
       icon: <ExclamationCircleOutlined />,
       okText: "Yes, Leave",
       cancelText: "No, Cancel",
@@ -58,7 +58,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
     }
     catch(err) {
       Modal.error({
-        title: 'Failed to Leave Channel',
+        title: 'Failed to Leave Topic',
         content: 'Please try again.',
       });
     }
@@ -93,7 +93,7 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
   return (
     <DetailsWrapper>
       <div class="header">
-        <div class="label">Channel</div>
+        <div class="label">Topic</div>
         { state.display === 'xlarge' && (
           <div class="dismiss" onClick={closeConversation}>
             <DoubleRightOutlined />
@@ -137,13 +137,13 @@ export function Details({ cardId, channelId, closeDetails, closeConversation, op
           </div>
         </div>
         { state.host && (
-          <div class="button" onClick={deleteChannel}>Delete Channel</div>
+          <div class="button" onClick={deleteChannel}>Delete Topic</div>
         )}
         { state.host && (
           <div class="button" onClick={actions.setEditMembers}>Edit Membership</div>
         )}
         { !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="members">