change review from ulf

frontend/src/components/TransactionRows/AmountAndNameRow.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="amount-and-name">
+  <div class="amount-and-name-row">
     <b-row>
       <b-col cols="5">
         <div class="text-right">
@@ -18,7 +18,7 @@
 </template>
 <script>
 export default {
-  name: 'Amount-And-Name',
+  name: 'AmountAndNameRow',
   props: {
     amount: {
       type: String,

frontend/src/components/TransactionRows/CollapseIcon.vue

@@ -8,7 +8,7 @@
 </template>
 <script>
 export default {
-  name: 'Collapse-Icon',
+  name: 'CollapseIcon',
   props: {
     visible: {
       type: Boolean,

frontend/src/components/TransactionRows/DateRow.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="transaction-rows-date">
+  <div class="date-row">
     <b-row>
       <b-col cols="5">
         <div class="text-right">{{ $t('form.date') }}</div>
@@ -15,7 +15,7 @@
 </template>
 <script>
 export default {
-  name: 'Transaction-Rows-Date',
+  name: 'DateRow',
   props: {
     balanceDate: {
       type: String,

frontend/src/components/TransactionRows/DecayRow.vue

@@ -17,7 +17,7 @@
 <script>
 import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
 export default {
-  name: 'Decay-Row',
+  name: 'DecayRow',
   components: {
     DecayInformationShort,
   },

frontend/src/components/TransactionRows/MemoRow.vue

@@ -12,7 +12,7 @@
 </template>
 <script>
 export default {
-  name: 'Memo-Row',
+  name: 'MemoRow',
   props: {
     memo: {
       type: String,

frontend/src/components/TransactionRows/TypeIcon.vue

@@ -7,7 +7,7 @@
 </template>
 <script>
 export default {
-  name: 'Type-Icon',
+  name: 'TypeIcon',
   props: {
     icon: {
       type: String,

frontend/src/components/Transactions/TransactionCreation.vue

@@ -12,7 +12,7 @@
 
           <b-col cols="11">
             <!-- Amount / Name || Text -->
-            <amount-and-name :amount="amount" :linkedUser="linkedUser" />
+            <amount-and-name-row :amount="amount" :linkedUser="linkedUser" />
 
             <!-- Nachricht Memo -->
             <memo-row :memo="memo" />
@@ -40,7 +40,7 @@
 <script>
 import CollapseIcon from '../TransactionRows/CollapseIcon'
 import TypeIcon from '../TransactionRows/TypeIcon'
-import AmountAndName from '../TransactionRows/AmountAndName'
+import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import MemoRow from '../TransactionRows/MemoRow'
 import DateRow from '../TransactionRows/DateRow'
 import DecayRow from '../TransactionRows/DecayRow'
@@ -51,7 +51,7 @@ export default {
   components: {
     CollapseIcon,
     TypeIcon,
-    AmountAndName,
+    AmountAndNameRow,
     MemoRow,
     DateRow,
     DecayRow,

frontend/src/components/Transactions/TransactionDecay.vue

@@ -12,7 +12,10 @@
 
           <b-col cols="11">
             <!-- Amount / Name || Text -->
-            <amount-and-name :amount="amount" :text="$t('decay.decay_since_last_transaction')" />
+            <amount-and-name-row
+              :amount="amount"
+              :text="$t('decay.decay_since_last_transaction')"
+            />
           </b-col>
         </b-row>
       </div>
@@ -26,7 +29,7 @@
 <script>
 import CollapseIcon from '../TransactionRows/CollapseIcon'
 import TypeIcon from '../TransactionRows/TypeIcon'
-import AmountAndName from '../TransactionRows/AmountAndName.vue'
+import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
 
 export default {
@@ -34,7 +37,7 @@ export default {
   components: {
     CollapseIcon,
     TypeIcon,
-    AmountAndName,
+    AmountAndNameRow,
     DecayInformationDecay,
   },
   props: {

frontend/src/components/Transactions/TransactionReceive.vue

@@ -13,7 +13,7 @@
 
           <b-col cols="11">
             <!-- Amount / Name || Text -->
-            <amount-and-name :amount="amount" :linkedUser="linkedUser" />
+            <amount-and-name-row :amount="amount" :linkedUser="linkedUser" />
 
             <!-- Nachricht Memo -->
             <memo-row :memo="memo" />
@@ -41,7 +41,7 @@
 <script>
 import CollapseIcon from '../TransactionRows/CollapseIcon'
 import TypeIcon from '../TransactionRows/TypeIcon'
-import AmountAndName from '../TransactionRows/AmountAndName'
+import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import MemoRow from '../TransactionRows/MemoRow'
 import DateRow from '../TransactionRows/DateRow'
 import DecayRow from '../TransactionRows/DecayRow'
@@ -52,7 +52,7 @@ export default {
   components: {
     CollapseIcon,
     TypeIcon,
-    AmountAndName,
+    AmountAndNameRow,
     MemoRow,
     DateRow,
     DecayRow,

frontend/src/components/Transactions/TransactionSend.vue

@@ -13,7 +13,7 @@
 
           <b-col cols="11">
             <!-- Amount / Name  -->
-            <amount-and-name :amount="amount" :linkedUser="linkedUser" />
+            <amount-and-name-row :amount="amount" :linkedUser="linkedUser" />
 
             <!-- Memo -->
             <memo-row :memo="memo" />
@@ -41,7 +41,7 @@
 <script>
 import CollapseIcon from '../TransactionRows/CollapseIcon'
 import TypeIcon from '../TransactionRows/TypeIcon'
-import AmountAndName from '../TransactionRows/AmountAndName'
+import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import MemoRow from '../TransactionRows/MemoRow'
 import DateRow from '../TransactionRows/DateRow'
 import DecayRow from '../TransactionRows/DecayRow'
@@ -52,7 +52,7 @@ export default {
   components: {
     CollapseIcon,
     TypeIcon,
-    AmountAndName,
+    AmountAndNameRow,
     MemoRow,
     DateRow,
     DecayRow,