add TransactionRows/CollapsIcon.vue, add this components in transaction slots

frontend/src/components/GdtTransactionList.vue

@@ -89,6 +89,11 @@ export default {
 }
 </script>
 <style>
+collaps-icon {
+  width: 95%;
+  position: absolute;
+}
+
 .el-table .cell {
   padding-left: 0px;
   padding-right: 0px;

frontend/src/components/TransactionRows/CollapsIcon.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="Collaps-Icon">
+    <b-icon
+      :icon="visible ? 'caret-up-square' : 'caret-down-square'"
+      :class="visible ? 'text-black' : 'text-muted'"
+    />
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+    },
+  },
+}
+</script>

frontend/src/components/Transactions/TransactionCreation.vue

@@ -2,12 +2,7 @@
   <div class="transaction-slot-creation">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
+      <collaps-icon class="text-right" :visible="visible" />
-        <b-icon
-          :icon="visible ? 'caret-up-square' : 'caret-down-square'"
-          :class="visible ? 'text-black' : 'text-muted'"
-        />
-      </div>
 
       <div>
         <b-row>
@@ -89,6 +84,7 @@
   </div>
 </template>
 <script>
+import CollapsIcon from '../TransactionRows/CollapsIcon'
 import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
 import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
 import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@@ -97,6 +93,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
 export default {
   name: 'slot-creation',
   components: {
+    CollapsIcon,
     DecayInformationShort,
     DecayInformationLong,
     DecayInformationBeforeStartblock,

frontend/src/components/Transactions/TransactionDecay.vue

@@ -2,12 +2,7 @@
   <div class="transaction-slot-decay">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
+      <collaps-icon class="text-right" :visible="visible" />
-        <b-icon
-          :icon="visible ? 'caret-up-square' : 'caret-down-square'"
-          :class="visible ? 'text-black' : 'text-muted'"
-        />
-      </div>
 
       <div>
         <b-row>
@@ -45,11 +40,13 @@
   </div>
 </template>
 <script>
+import CollapsIcon from '../TransactionRows/CollapsIcon'
 import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
 
 export default {
   name: 'slot-decay',
   components: {
+    CollapsIcon,
     DecayInformationDecay,
   },
   props: {

frontend/src/components/Transactions/TransactionReceive.vue

@@ -2,12 +2,7 @@
   <div class="transaction-slot-receive">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
+      <collaps-icon class="text-right" :visible="visible" />
-        <b-icon
-          :icon="visible ? 'caret-up-square' : 'caret-down-square'"
-          :class="visible ? 'text-black' : 'text-muted'"
-        />
-      </div>
 
       <div>
         <b-row>
@@ -92,6 +87,7 @@
   </div>
 </template>
 <script>
+import CollapsIcon from '../TransactionRows/CollapsIcon'
 import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
 import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
 import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@@ -100,6 +96,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
 export default {
   name: 'slot-receive',
   components: {
+    CollapsIcon,
     DecayInformationShort,
     DecayInformationLong,
     DecayInformationBeforeStartblock,

frontend/src/components/Transactions/TransactionSend.vue

@@ -2,12 +2,7 @@
   <div class="transaction-slot-send">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
+      <collaps-icon class="text-right" :visible="visible" />
-        <b-icon
-          :icon="visible ? 'caret-up-square' : 'caret-down-square'"
-          :class="visible ? 'text-black' : 'text-muted'"
-        />
-      </div>
 
       <div>
         <b-row>
@@ -89,6 +84,7 @@
   </div>
 </template>
 <script>
+import CollapsIcon from '../TransactionRows/CollapsIcon'
 import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
 import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
 import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@@ -96,6 +92,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
 export default {
   name: 'slot-send',
   components: {
+    CollapsIcon,
     DecayInformationShort,
     DecayInformationLong,
     DecayInformationBeforeStartblock,