fix(ui): display asterisk indicator on required field labels (#1236)

This commit is contained in:
TheCatLady
2021-03-19 20:56:56 -04:00
committed by GitHub
parent 55e1b9cd0e
commit 380d36119f
12 changed files with 29 additions and 7 deletions

View File

@@ -147,6 +147,7 @@ const NotificationsDiscord: React.FC = () => {
<div className="form-row">
<label htmlFor="name" className="text-label">
{intl.formatMessage(messages.webhookUrl)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -172,6 +173,7 @@ const NotificationsDiscord: React.FC = () => {
<div className="form-row">
<span id="group-label" className="group-label">
{intl.formatMessage(messages.notificationtypes)}
<span className="label-required">*</span>
</span>
<div className="form-input">
<div className="max-w-lg">

View File

@@ -209,6 +209,7 @@ const NotificationsEmail: React.FC = () => {
<div className="form-row">
<label htmlFor="emailFrom" className="text-label">
{intl.formatMessage(messages.emailsender)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -242,6 +243,7 @@ const NotificationsEmail: React.FC = () => {
<div className="form-row">
<label htmlFor="smtpHost" className="text-label">
{intl.formatMessage(messages.smtpHost)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -260,6 +262,7 @@ const NotificationsEmail: React.FC = () => {
<div className="form-row">
<label htmlFor="smtpPort" className="text-label">
{intl.formatMessage(messages.smtpPort)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<Field
@@ -380,6 +383,7 @@ const NotificationsEmail: React.FC = () => {
<div className="form-row">
<span id="group-label" className="group-label">
{intl.formatMessage(messages.notificationtypes)}
<span className="label-required">*</span>
</span>
<div className="form-input">
<div className="max-w-lg">

View File

@@ -124,6 +124,7 @@ const NotificationsPushbullet: React.FC = () => {
<div className="form-row">
<label htmlFor="accessToken" className="text-label">
{intl.formatMessage(messages.accessToken)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -147,6 +148,7 @@ const NotificationsPushbullet: React.FC = () => {
<div className="form-row">
<span id="group-label" className="group-label">
{intl.formatMessage(messages.notificationTypes)}
<span className="label-required">*</span>
</span>
<div className="form-input">
<div className="max-w-lg">

View File

@@ -151,6 +151,7 @@ const NotificationsPushover: React.FC = () => {
<div className="form-row">
<label htmlFor="accessToken" className="text-label">
{intl.formatMessage(messages.accessToken)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -169,6 +170,7 @@ const NotificationsPushover: React.FC = () => {
<div className="form-row">
<label htmlFor="userToken" className="text-label">
{intl.formatMessage(messages.userToken)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -192,6 +194,7 @@ const NotificationsPushover: React.FC = () => {
<div className="form-row">
<span id="group-label" className="group-label">
{intl.formatMessage(messages.notificationtypes)}
<span className="label-required">*</span>
</span>
<div className="form-input">
<div className="max-w-lg">

View File

@@ -127,6 +127,7 @@ const NotificationsSlack: React.FC = () => {
<div className="form-row">
<label htmlFor="name" className="text-label">
{intl.formatMessage(messages.webhookUrl)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -145,6 +146,7 @@ const NotificationsSlack: React.FC = () => {
<div className="form-row">
<span id="group-label" className="group-label">
{intl.formatMessage(messages.notificationtypes)}
<span className="label-required">*</span>
</span>
<div className="form-input">
<div className="max-w-lg">

View File

@@ -178,6 +178,7 @@ const NotificationsTelegram: React.FC = () => {
<div className="form-row">
<label htmlFor="botAPI" className="text-label">
{intl.formatMessage(messages.botAPI)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -196,6 +197,7 @@ const NotificationsTelegram: React.FC = () => {
<div className="form-row">
<label htmlFor="chatId" className="text-label">
{intl.formatMessage(messages.chatId)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -234,6 +236,7 @@ const NotificationsTelegram: React.FC = () => {
<div className="form-row">
<span id="group-label" className="group-label">
{intl.formatMessage(messages.notificationtypes)}
<span className="label-required">*</span>
</span>
<div className="form-input">
<div className="max-w-lg">

View File

@@ -173,6 +173,7 @@ const NotificationsWebhook: React.FC = () => {
<div className="form-row">
<label htmlFor="name" className="text-label">
{intl.formatMessage(messages.webhookUrl)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -196,6 +197,7 @@ const NotificationsWebhook: React.FC = () => {
<div className="form-row">
<label htmlFor="name" className="text-label">
{intl.formatMessage(messages.customJson)}
<span className="label-required">*</span>
</label>
<div className="form-input">
<div className="form-input-field">
@@ -265,6 +267,7 @@ const NotificationsWebhook: React.FC = () => {
<div>
<div id="group-label" className="group-label">
{intl.formatMessage(messages.notificationtypes)}
<span className="label-required">*</span>
</div>
</div>
<div className="form-input">