Updates to the admin to reflect new stream keys and admin password split

web/utils/apis.ts

@@ -108,6 +108,9 @@ export const FEDERATION_ACTIONS = `${API_LOCATION}federation/actions`;
 
 export const API_STREAM_HEALTH_METRICS = `${API_LOCATION}metrics/video`;
 
+// Save an array of stream keys
+export const UPDATE_STREAM_KEYS = `${API_LOCATION}config/streamkeys`;
+
 export const API_YP_RESET = `${API_LOCATION}yp/reset`;
 
 export const TEMP_UPDATER_API = LOGS_ALL;

web/utils/config-constants.tsx

@@ -113,13 +113,13 @@ export const TEXTFIELD_PROPS_LOGO = {
   label: 'Logo',
   tip: 'Upload your logo if you have one. We recommend that you use a square image that is at least 256x256. SVGs are discouraged as they cannot be displayed on all social media platforms.',
 };
-export const TEXTFIELD_PROPS_STREAM_KEY = {
+export const TEXTFIELD_PROPS_ADMIN_PASSWORD = {
   apiPath: API_STREAM_KEY,
   configPath: '',
   maxLength: TEXT_MAXLENGTH,
   placeholder: 'abc123',
-  label: 'Stream Key',
-  tip: 'Save this key somewhere safe, you will need it to stream or login to the admin dashboard!',
+  label: 'Admin Password',
+  tip: 'Save this password somewhere safe, you will need it to login to the admin dashboard!',
   required: true,
 };
 export const TEXTFIELD_PROPS_FFMPEG = {

web/utils/server-status-context.tsx

@@ -8,7 +8,8 @@ import { ConfigDetails, UpdateArgs } from '../types/config-section';
 import { DEFAULT_VARIANT_STATE } from './config-constants';
 
 export const initialServerConfigState: ConfigDetails = {
-  streamKey: '',
+  streamKeys: [],
+  adminPassword: '',
   instanceDetails: {
     customStyles: '',
     extraPageContent: '',