Create html element to display signoffs and style to be greyed out wh…

…en no signoffs and default black when signoffs present
mozilla-releng · Oct 20, 2023 · 5d84509 · 5d84509
1 parent da4305a
commit 5d84509
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/ui/src/views/Rules/Rule/index.jsx b/ui/src/views/Rules/Rule/index.jsx
@@ -85,6 +85,12 @@ const useStyles = makeStyles(theme => ({
   scheduleIcon: {
     marginRight: theme.spacing(3),
   },
+  signoffLabel: {
+    color: 'rgba(0, 0, 0, 0.54)',
+  },
+  signoffs: {
+    color: 'rgba(0, 0, 0, 0.87)',
+  },
 }));
 
 function Rule({ isNewRule, user, ...props }) {
@@ -442,6 +448,19 @@ function Rule({ isNewRule, user, ...props }) {
       {error && <ErrorPanel fixed error={error} />}
       {!isLoading && (
         <Fragment>
+          <div>
+            <p className={classes.signoffLabel}>
+              Required Signoff(s):
+              <span
+                className={
+                  requiredSignoffs.data &&
+                  ruleRequiredSignoffs.length &&
+                  classes.signoffs
+                }>
+                {signoffSummary}
+              </span>
+            </p>
+          </div>
           <div className={classes.scheduleDiv}>
             <DateTimePicker
               todayLabel="ASAP"