Fix for displayed service fee in summary (#1095)

* Don't show service fee in summary for direct transfers

* Removed unused styling

* Changelog

* Simplified template

raiden-dapp/CHANGELOG.md

@@ -10,7 +10,10 @@
 - [#693] Localized error messages for Pathfinding errors.
 
 ### Fixed
+- [#1067] Fixed displayed service fee on summary screen.
 
+
+[#1067]: https://github.com/raiden-network/light-client/issues/1067
 [#1071]: https://github.com/raiden-network/light-client/issues/1071
 [#1015]: https://github.com/raiden-network/light-client/issues/1015
 [#695]: https://github.com/raiden-network/light-client/issues/695

raiden-dapp/src/components/TransferSummary.vue

@@ -18,10 +18,7 @@
       </span>
     </div>
 
-    <div
-      v-if="transfer.serviceFee && transfer.serviceToken"
-      class="transfer-summary__row"
-    >
+    <div v-if="!isDirectTransfer" class="transfer-summary__row">
       <span>{{ $t('transfer.steps.summary.service-fee') }}</span>
       <span class="transfer-summary__service-fee">
         {{

raiden-dapp/src/views/TransferSteps.vue

@@ -525,37 +525,6 @@ export default class TransferSteps extends Mixins(
 <style lang="scss" scoped>
 @import '../scss/colors';
 
-.confirmation-overlay {
-  text-align: center;
-
-  &.v-overlay {
-    &--active {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      backdrop-filter: blur(4px);
-      background-color: rgba($color-white, 0.15);
-      border-bottom-left-radius: 10px;
-      border-bottom-right-radius: 10px;
-    }
-
-    &--dark {
-      background-color: $card-background;
-    }
-  }
-
-  ::v-deep {
-    .spinner {
-      margin: 2em;
-    }
-  }
-
-  &__checkmark {
-    margin: 2em;
-  }
-}
-
 .transfer-steps {
   background: transparent !important;
   box-shadow: none;