adding cancel status on amazon activity view

public/views/amazon.html

@@ -75,7 +75,8 @@
           <span class="text-warning" ng-if="item.status == 'FAILURE'">Error</span>
           <span class="text-secondary" ng-if="item.status == 'RESEND'">Resend is required</span>
           <span class="text-gray" ng-if="item.status == 'PENDING'">Pending to confirmation</span>
-          <span class="text-gray" ng-if="item.status == 'SUCCESS'">{{item.date | amTimeAgo}}</span>
+          <span class="text-gray" ng-if="item.status == 'SUCCESS' && item.cardStatus == 'RefundedToPurchaser'">Canceled</span>
+          <span class="text-gray" ng-if="item.status == 'SUCCESS' && item.cardStatus == 'Fulfilled'">{{item.date | amTimeAgo}}</span>
         </div>
         <div class="large-1 medium-1 small-1 columns text-right m10t">
           <i class="icon-arrow-right3 size-18"></i>

public/views/modals/amazon-card-details.html

@@ -33,6 +33,14 @@
               Redeem Now
             </button>
           </div>
+          <div class="m10t" ng-show="card.cardStatus == 'RefundedToPurchaser'">
+            <div class="m10t">
+              Status:
+              <span class="text-bold">
+                CANCELED
+              </span>
+            </div>
+          </div>
         </div>
         <div ng-show="!card.claimCode">
           <div class="m10t">

src/js/controllers/modals/amazonCardDetails.js

@@ -10,7 +10,10 @@ angular.module('copayApp.controllers').controller('amazonCardDetailsController',
         $scope.error = bwcError.msg(err);
         return;
       }
-      $scope.$emit('UpdateAmazonList');
+      $scope.card.cardStatus = data.cardStatus;
+      amazonService.savePendingGiftCard($scope.card, null, function(err) {
+        $scope.$emit('UpdateAmazonList');
+      });
     });
   };