fix: inactive tokens should display greyed out resource card (#3373)

Author: Palakp41

src/authorizations/components/TokenRow.tsx

@@ -50,6 +50,7 @@ class TokenRow extends PureComponent<Props> {
       <ResourceCard
         contextMenu={this.contextMenu}
         testID={`token-card ${auth.description}`}
+        disabled={!this.isTokenEnabled}
       >
         <ResourceCard.EditableName
           onUpdate={this.handleUpdateName}

src/authorizations/components/redesigned/TokenRow.tsx

@@ -57,9 +57,11 @@ class TokensRow extends PureComponent<Props> {
     const {description} = this.props.auth
     const {auth} = this.props
     const date = new Date(auth.createdAt)
+
     return (
       <ResourceCard
         contextMenu={this.contextMenu}
+        disabled={!this.isTokenActive}
         testID={`token-card ${auth.description}`}
         direction={FlexDirection.Row}
         justifyContent={JustifyContent.SpaceBetween}
@@ -132,6 +134,11 @@ class TokensRow extends PureComponent<Props> {
     )
   }
 
+  private get isTokenActive(): boolean {
+    const {auth} = this.props
+    return auth.status === 'active'
+  }
+
   private handleDelete = () => {
     const {id, description} = this.props.auth
     this.props.deleteAuthorization(id, description)