give unregistered people access to chat channels

src/components/contextmenus/ChannelDropDown.jsx

@@ -108,7 +108,7 @@ const ChannelDropDown = ({
     if (channels[chatChannel]) {
       setChatChannelName(channels[chatChannel][0]);
     }
-  }, [chatChannel]);
+  }, [chatChannel, channels]);
 
   return (
     <div

src/components/windows/Chat.jsx

@@ -167,14 +167,20 @@ const Chat = ({
             )))
         }
       </ul>
-      {(ownName) ? (
+      <form
-        <div className="chatinput">
+        className="chatinput"
-          <form
+        onSubmit={(e) => handleSubmit(e)}
-            onSubmit={(e) => handleSubmit(e)}
+        style={{
-            style={{ display: 'flex', flexDirection: 'row', height: '100%' }}
+          display: 'flex',
-          >
+        }}
+      >
+        {(ownName) ? (
+          <>
             <input
-              style={{ flexGrow: 1, minWidth: 40 }}
+              style={{
+                flexGrow: 1,
+                minWidth: 40,
+              }}
               id={`chtipt-${windowId}`}
               value={inputMessage}
               onChange={(e) => dispatch(
@@ -192,23 +198,27 @@ const Chat = ({
             >
               ‣
             </button>
-            <ChannelDropDown
+          </>
-              setChatChannel={setChannel}
+        ) : (
-              chatChannel={chatChannel}
+          <div
-            />
+            className="modallink"
-          </form>
+            onClick={() => dispatch(showUserAreaModal())}
-        </div>
+            style={{
-      ) : (
+              textAlign: 'center',
-        <div
+              fontSize: 13,
-          className="modallink"
+              flexGrow: 1,
-          onClick={() => dispatch(showUserAreaModal())}
+            }}
-          style={{ textAlign: 'center', fontSize: 13 }}
+            role="button"
-          role="button"
+            tabIndex={0}
-          tabIndex={0}
+          >
-        >
+            {t`You must be logged in to chat`}
-          {t`You must be logged in to chat`}
+          </div>
-        </div>
+        )}
-      )}
+        <ChannelDropDown
+          setChatChannel={setChannel}
+          chatChannel={chatChannel}
+        />
+      </form>
     </div>
   );
 };

src/reducers/chat.js

@@ -55,7 +55,7 @@ export default function chat(
       const keys = Object.keys(channels);
       for (let i = 0; i < keys.length; i += 1) {
         const cid = keys[i];
-        if (channels[cid][1] === 0) {
+        if (channels[cid][1] !== 0) {
           delete messages[cid];
           delete channels[cid];
         }

src/styles/default.css

@@ -664,6 +664,7 @@ tr:nth-child(even) {
 .chatinput {
   height: 24px;
   white-space: nowrap;
+  display: flex;
 }
 .chathead {
   display: flex;