From 3041a84c1a37f4c3b7a2a436ff707b8d457e8c37 Mon Sep 17 00:00:00 2001
From: Kamila <kamila.lach1@gmail.com>
Date: Fri, 26 Jul 2024 07:43:24 +0200
Subject: [PATCH] linter error fixes

---
 .../ConfirmRegisterMailFormular.vue           |  9 ++--
 .../components/CreationTransactionList.vue    | 43 +++++++++----------
 admin/src/components/TransactionLinkList.vue  |  2 +-
 3 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/admin/src/components/ConfirmRegisterMailFormular.vue b/admin/src/components/ConfirmRegisterMailFormular.vue
index c14ee60b8..d9c47c8ea 100644
--- a/admin/src/components/ConfirmRegisterMailFormular.vue
+++ b/admin/src/components/ConfirmRegisterMailFormular.vue
@@ -10,7 +10,7 @@
         }}
         <!-- Using components -->
         <BInputGroup :prepend="$t('unregister_mail.info')" class="mt-3">
-          <BFormInput readonly v-model="props.email" />
+          <BFormInput v-model="email" readonly />
           <BInputGroupText>
             <BButton variant="outline-success" class="test-button" @click="sendRegisterMail">
               {{ $t('unregister_mail.button') }}
@@ -22,6 +22,7 @@
   </div>
 </template>
 <script setup>
+import { ref } from 'vue'
 import { sendActivationEmail } from '../graphql/sendActivationEmail'
 import { BButton, BFormInput, BInputGroup, BInputGroupText } from 'bootstrap-vue-next'
 import { useI18n } from 'vue-i18n'
@@ -43,14 +44,16 @@ const props = defineProps({
 const { t } = useI18n()
 const { toastError, toastSuccess } = useAppToast()
 
+const email = ref(props.email)
+
 const { mutate: activateEmail } = useMutation(sendActivationEmail)
 
 const sendRegisterMail = async () => {
   try {
     await activateEmail({
-      email: props.email,
+      email: email.value,
     })
-    toastSuccess(t('unregister_mail.success', { email: props.email }))
+    toastSuccess(t('unregister_mail.success', { email: email.value }))
   } catch (error) {
     toastError(t('unregister_mail.error', { message: error.message }))
   }
diff --git a/admin/src/components/CreationTransactionList.vue b/admin/src/components/CreationTransactionList.vue
index 079e8f4f0..9eeb9055a 100644
--- a/admin/src/components/CreationTransactionList.vue
+++ b/admin/src/components/CreationTransactionList.vue
@@ -1,4 +1,3 @@
-
 <template>
   <div class="component-creation-transaction-list">
     <div class="h3">{{ $t('transactionlist.title') }}</div>
@@ -20,7 +19,7 @@
         align="center"
         :hide-ellipsis="true"
       />
-      <BButton v-b-toggle="'collapse-1'"  variant="light" size="sm">{{ t('help.help') }}</BButton>
+      <BButton v-b-toggle="'collapse-1'" variant="light" size="sm">{{ t('help.help') }}</BButton>
       <BCollapse id="collapse-1" class="mt-2">
         <div>
           {{ t('transactionlist.submitted') }} {{ t('math.equals') }}
@@ -44,29 +43,29 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue';
-import { useQuery } from '@vue/apollo-composable';
-import { adminListContributions } from '../graphql/adminListContributions';
-import { BTable, BPagination, BButton, BCollapse, vBToggle } from 'bootstrap-vue-next';
+import { ref, watch } from 'vue'
+import { useQuery } from '@vue/apollo-composable'
+import { adminListContributions } from '../graphql/adminListContributions'
+import { BTable, BPagination, BButton, BCollapse, vBToggle } from 'bootstrap-vue-next'
 import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()
 
 const props = defineProps({
   userId: { type: Number, required: true },
-});
+})
 
-const items = ref([]);
-const rows = ref(0);
-const currentPage = ref(1);
-const perPage = ref(10);
+const items = ref([])
+const rows = ref(0)
+const currentPage = ref(1)
+const perPage = ref(10)
 
 const fields = [
   {
     key: 'createdAt',
     label: t('transactionlist.submitted'),
     formatter: (value) => {
-      return new Date(value).toLocaleDateString();
+      return new Date(value).toLocaleDateString()
     },
   },
   {
@@ -77,7 +76,7 @@ const fields = [
     key: 'confirmedAt',
     label: t('transactionlist.confirmed'),
     formatter: (value) => {
-      return value ? new Date(value).toLocaleDateString() : null;
+      return value ? new Date(value).toLocaleDateString() : null
     },
   },
   {
@@ -88,27 +87,27 @@ const fields = [
     key: 'amount',
     label: t('transactionlist.amount'),
     formatter: (value) => {
-      return `${value} GDD`;
+      return `${value} GDD`
     },
   },
   { key: 'memo', label: t('transactionlist.memo'), class: 'text-break' },
-];
+]
 
 const { result, refetch } = useQuery(adminListContributions, {
   currentPage: currentPage.value,
   pageSize: perPage.value,
   order: 'DESC',
   userId: props.userId,
-});
+})
 
 watch(result, (newResult) => {
   if (newResult && newResult.adminListContributions) {
-    rows.value = newResult.adminListContributions.contributionCount;
-    items.value = newResult.adminListContributions.contributionList;
+    rows.value = newResult.adminListContributions.contributionCount
+    items.value = newResult.adminListContributions.contributionList
   }
-});
+})
 
 watch(currentPage, () => {
-  refetch();
-});
-</script>s
\ No newline at end of file
+  refetch()
+})
+</script>
diff --git a/admin/src/components/TransactionLinkList.vue b/admin/src/components/TransactionLinkList.vue
index dd2b55ea8..e967fdc81 100644
--- a/admin/src/components/TransactionLinkList.vue
+++ b/admin/src/components/TransactionLinkList.vue
@@ -5,8 +5,8 @@
       <BTable striped hover :fields="fields" :items="items"></BTable>
     </div>
     <BPagination
-      pills
       v-model="currentPage"
+      pills
       size="lg"
       :per-page="perPage"
       :total-rows="rows"