Notifications: inline error message on notifications saving error (#10288)
* basic sync setup * formatting * get loudest value for synced rules * more types * test synced rules in notifications settings * type fixes * noimplicitany fixes * remove debug * tidying * extract updatePushRuleActions fn to utils * extract update synced rules * just synchronise in one place? * monitor account data changes AND trigger changes sync in notifications form * lint * setup LoggedInView test with enough mocks * test rule syncing in LoggedInView * strict fixes * more comments * one more comment * add error variant for caption component * tests for new error message * tweak styles * noImplicitAny * revert out of date prettier changes to unrelated files * limit inline message to radios only, tests * strict fix
This commit is contained in:
parent
72404d7216
commit
9f66082486
8 changed files with 233 additions and 33 deletions
|
@ -14,15 +14,22 @@ See the License for the specific language governing permissions and
|
|||
limitations under the License.
|
||||
*/
|
||||
|
||||
import classNames from "classnames";
|
||||
import React, { HTMLAttributes } from "react";
|
||||
|
||||
interface Props extends Omit<HTMLAttributes<HTMLSpanElement>, "className"> {
|
||||
children: React.ReactNode;
|
||||
isError?: boolean;
|
||||
}
|
||||
|
||||
export const Caption: React.FC<Props> = ({ children, ...rest }) => {
|
||||
export const Caption: React.FC<Props> = ({ children, isError, ...rest }) => {
|
||||
return (
|
||||
<span className="mx_Caption" {...rest}>
|
||||
<span
|
||||
className={classNames("mx_Caption", {
|
||||
mx_Caption_error: isError,
|
||||
})}
|
||||
{...rest}
|
||||
>
|
||||
{children}
|
||||
</span>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue