Admin support for managing users (#245)

* First pass at displaying user data in admin

* Hide chat blurb on home page if chat is disabled

* Hide sidebar chat section if chat is disabled

* Block/unblock user interface for https://github.com/owncast/owncast/issues/1096

* Simplify past display name handling

* Updates to reflect the api access token change

* Update paths

* Clean up the new access token page

* Fix linter

* Update linter workflow action

* Cleanup

* Fix exception rendering table row

* Commit next-env file that seems to be required with next 11

* chat refactor - admin adjustments (#250)

* add useragent parser; clean up some html;

* some ui changes
- use modal instead of popover to confirm block/unblock user
- update styles, table styles for consistency
- rename some user/chat labels in nav and content

* format user info modal a bit

* add some sort of mild treatment and delay while processing ban of users

* rename button to 'ban'

* add some notes

* Prettified Code!

* fix disableChat toggle for nav bar

* Support sorting the disabled user list

* Fix linter error around table sorting

* No longer restoring messages on unban so change message prompt

* Standardize on forbiddenUsername terminology

* The linter broke the webhooks page. Fixed it. Linter is probably pissed.

* Move chat welcome message to chat config

* Other submenus don't have icons so remove these ones

Co-authored-by: gingervitis <omqmail@gmail.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>

web/pages/config-chat.tsx

@@ -6,7 +6,8 @@ import ToggleSwitch from '../components/config/form-toggleswitch';
 import { UpdateArgs } from '../types/config-section';
 import {
   FIELD_PROPS_DISABLE_CHAT,
-  TEXTFIELD_PROPS_CHAT_USERNAME_BLOCKLIST,
+  TEXTFIELD_PROPS_CHAT_FORBIDDEN_USERNAMES,
+  TEXTFIELD_PROPS_SERVER_WELCOME_MESSAGE,
 } from '../utils/config-constants';
 import { ServerStatusContext } from '../utils/server-status-context';
 
@@ -16,8 +17,9 @@ export default function ConfigChat() {
   const serverStatusData = useContext(ServerStatusContext);
 
   const { serverConfig } = serverStatusData || {};
-  const { chatDisabled } = serverConfig;
-  const { usernameBlocklist } = serverConfig;
+  const { chatDisabled, forbiddenUsernames } = serverConfig;
+  const { instanceDetails } = serverConfig;
+  const { welcomeMessage } = instanceDetails;
 
   const handleFieldChange = ({ fieldName, value }: UpdateArgs) => {
     setFormDataValues({
@@ -30,14 +32,16 @@ export default function ConfigChat() {
     handleFieldChange({ fieldName: 'chatDisabled', value: disabled });
   }
 
-  function handleChatUsernameBlockListChange(args: UpdateArgs) {
-    handleFieldChange({ fieldName: 'usernameBlocklist', value: args.value });
+  function handleChatForbiddenUsernamesChange(args: UpdateArgs) {
+    const updatedForbiddenUsernameList = args.value.split(',');
+    handleFieldChange({ fieldName: args.fieldName, value: updatedForbiddenUsernameList });
   }
 
   useEffect(() => {
     setFormDataValues({
       chatDisabled,
-      usernameBlocklist,
+      forbiddenUsernames,
+      welcomeMessage,
     });
   }, [serverConfig]);
 
@@ -56,12 +60,18 @@ export default function ConfigChat() {
           onChange={handleChatDisableChange}
         />
         <TextFieldWithSubmit
-          fieldName="usernameBlocklist"
-          {...TEXTFIELD_PROPS_CHAT_USERNAME_BLOCKLIST}
+          fieldName="forbiddenUsernames"
+          {...TEXTFIELD_PROPS_CHAT_FORBIDDEN_USERNAMES}
           type={TEXTFIELD_TYPE_TEXTAREA}
-          value={formDataValues.usernameBlocklist}
-          initialValue={usernameBlocklist}
-          onChange={handleChatUsernameBlockListChange}
+          value={formDataValues.forbiddenUsernames}
+          onChange={handleChatForbiddenUsernamesChange}
+        />
+        <TextFieldWithSubmit
+          fieldName="welcomeMessage"
+          {...TEXTFIELD_PROPS_SERVER_WELCOME_MESSAGE}
+          type={TEXTFIELD_TYPE_TEXTAREA}
+          value={formDataValues.welcomeMessage}
+          onChange={handleFieldChange}
         />
       </div>
     </div>