Disabling text action.

- Added styling and a message saying that texting records is temporarily unavailable.
mlibrary · Sep 11, 2023 · 13af284 · 13af284
1 parent 76b32f2
commit 13af284
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/modules/lists/components/ActionsList/index.js b/src/modules/lists/components/ActionsList/index.js
@@ -159,6 +159,7 @@ class ActionsList extends Component {
                         return this.handleClick(action, data.viewType);
                       }}
                       aria-pressed={isActive}
+                      disabled={action.uid === 'text'}
                     >
                       <span style={{ opacity: '0.75' }}>
                         {action.icon_d
@@ -174,6 +175,7 @@ class ActionsList extends Component {
             {this.state.alert && (
               <Alert type={this.state.alert.intent}>{this.state.alert.text}</Alert>
             )}
+            {!active && <p className='font-small'>Texting records to your mobile device is temporarily unavailable.</p>}
           </div>
         );
       }}

diff --git a/src/stylesheets/main.css b/src/stylesheets/main.css
@@ -3135,6 +3135,15 @@ input.get-this-field-input-year {
   text-decoration: underline;
 }
 
+.lists-action-button:disabled {
+  background: #F2F2F2;
+  color: #4E4E4E;
+}
+
+.lists-action-button:disabled:hover {
+  text-decoration: none;
+}
+
 .lists-action-button .icon {
   margin-bottom: 0.2rem;
   color: #4E4E4E;