mbeard/APPEALS-49585 (#22020)

* init commit for non member view input * fixes css issue for docket-lever-right * Added a hyphen between value and unit for member only view * replaces hyphen with comma
department-of-veterans-affairs · Jun 26, 2024 · 2c84c2f · 2c84c2f
1 parent ee8d444
commit 2c84c2f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/client/app/caseDistribution/components/DocketTimeGoals.jsx b/client/app/caseDistribution/components/DocketTimeGoals.jsx
@@ -149,10 +149,12 @@ const DocketTimeGoals = () => {
           id={`${distributionPriorLever.item}-lever-toggle`}
         >
           <div className={cx('lever-right', 'docket-lever-right', 'docket-time-lever-num-sec')}>
-            <span className={distributionPriorLever.is_disabled_in_ui ? 'lever-disabled' : 'lever-active'}
+            <span
+              className={distributionPriorLever.is_disabled_in_ui ? 'lever-disabled' : 'lever-active'}
               data-disabled-in-ui={distributionPriorLever.is_disabled_in_ui}
             >
-              {distributionPriorLever.is_toggle_active ? 'On' : 'Off'}
+              {distributionPriorLever.is_toggle_active ?
+              `On, ${distributionPriorLever.value} ${distributionPriorLever.unit}` : 'Off'}
             </span>
           </div>
         </div>

diff --git a/client/app/styles/caseDistribution/_interactable_levers.scss b/client/app/styles/caseDistribution/_interactable_levers.scss
@@ -135,6 +135,7 @@
 
 .docket-lever-right {
   vertical-align: middle;
+  white-space: nowrap;
 
   button {
     vertical-align: middle;