rename status file for clarity; temp style fix for streamkey actions

web/pages/components/config/form-status-indicator.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import classNames from 'classnames';
+
+import { StatusState } from '../../../utils/input-statuses';
+
+interface FormStatusIndicatorProps {
+  status: StatusState;
+}
+export default function FormStatusIndicator({ status }: FormStatusIndicatorProps) {
+  const { type, icon, message } = status || {};
+  const classes = classNames({
+    'status-container': true,
+    [`status-${type}`]: type,
+    empty: !message,
+  });
+  return (
+    <div className={classes}>
+      {icon ? <span className="status-icon">{icon}</span> : null}
+      {message ? <span className="status-message">{message}</span> : null}
+    </div>
+  );
+}