From 38b1d9d9e3cf3bae5d4a7acedd7c6f7a1ea2c75a Mon Sep 17 00:00:00 2001
From: Reza Rahemtola <reza.rahemtola@epitech.eu>
Date: Fri, 31 May 2024 21:34:49 +0200
Subject: [PATCH] fix: Remove useless store and actions

---
 src/components/PersonaDialog.vue   |  2 +-
 src/components/PersonaDropDown.vue | 18 ++++++++--------
 src/pages/Chat.vue                 |  2 +-
 src/pages/PointsInfo.vue           | 34 ++++++++++++++----------------
 src/stores/counter-store.js        | 15 -------------
 src/stores/personas-store.js       |  6 ------
 6 files changed, 27 insertions(+), 50 deletions(-)
 delete mode 100644 src/stores/counter-store.js

diff --git a/src/components/PersonaDialog.vue b/src/components/PersonaDialog.vue
index 1bfb0cc..12e8b35 100644
--- a/src/components/PersonaDialog.vue
+++ b/src/components/PersonaDialog.vue
@@ -62,7 +62,7 @@ export default defineComponent({
     const usernameInputRef = ref('user');
 
     function updatePersona() {
-      personasStore.setPersona(persona);
+      personasStore.persona = persona;
     }
 
     return {
diff --git a/src/components/PersonaDropDown.vue b/src/components/PersonaDropDown.vue
index a52c695..8aad70a 100644
--- a/src/components/PersonaDropDown.vue
+++ b/src/components/PersonaDropDown.vue
@@ -1,24 +1,24 @@
 <template>
   <q-btn-dropdown
-    no-caps
-    unelevated
-    rounded
     :icon="'img:' + personasStore.persona.avatarUrl"
-    dropdown-icon="img:icons/svg/chevron-down.svg"
+    :label="personasStore.persona.name"
     class="no-shadow rounded-img personas-dropdown q-py-sm"
+    dropdown-icon="img:icons/svg/chevron-down.svg"
+    no-caps
+    rounded
     text-color="primary"
-    :label="personasStore.persona.name"
+    unelevated
   >
     <q-list>
       <q-item
-        clickable
-        v-close-popup
         v-for="persona of personasStore.personas"
         :key="persona.id"
+        v-close-popup
         :name="persona.id"
+        clickable
         @click="setPersona(persona.id)"
       >
-        <q-avatar size="32px" class="q-mr-md">
+        <q-avatar class="q-mr-md" size="32px">
           <img :src="persona.avatarUrl" />
         </q-avatar>
         <q-item-section>
@@ -41,7 +41,7 @@ export default defineComponent({
     const personasStore = usePersonasStore();
 
     function setPersona(id) {
-      personasStore.setPersona(personasStore.personas.find((persona) => persona.id === id));
+      personasStore.persona = personasStore.personas.find((persona) => persona.id === id);
     }
 
     return {
diff --git a/src/pages/Chat.vue b/src/pages/Chat.vue
index 32097f6..ee8dd7b 100644
--- a/src/pages/Chat.vue
+++ b/src/pages/Chat.vue
@@ -459,7 +459,7 @@ export default defineComponent({
       }
 
       console.log('set persona from chat');
-      personasStore.setPersona(chatRef.value.persona);
+      personasStore.persona = chatRef.value.persona;
       // Extract the chat properties
       let title = chatRef.value.title;
       let username = chatRef.value.username;
diff --git a/src/pages/PointsInfo.vue b/src/pages/PointsInfo.vue
index de22420..eb90f8a 100644
--- a/src/pages/PointsInfo.vue
+++ b/src/pages/PointsInfo.vue
@@ -1,7 +1,7 @@
 <template>
   <q-page class="flex flex-center bg-dark_deleted font-mulish text-purple-700">
     <div class="row q-pa-xl q-col-gutter-md">
-      <q-card flat class="col-12 text-center">
+      <q-card class="col-12 text-center" flat>
         <q-card-section class="bg-dark-page_deleted">
           <div class="text-h4 text-bold">Earn Libertai Points</div>
         </q-card-section>
@@ -15,7 +15,7 @@
           <p>How to participate:</p>
         </q-card-section>
       </q-card>
-      <q-card flat class="col-6 text-center column">
+      <q-card class="col-6 text-center column" flat>
         <q-card-section class="bg-purple-50">
           <div class="text-h6 text-semibold">Stake ALEPH</div>
         </q-card-section>
@@ -26,7 +26,7 @@
           </p>
         </q-card-section>
       </q-card>
-      <q-card flat class="col-6 text-center column">
+      <q-card class="col-6 text-center column" flat>
         <q-card-section class="bg-purple-50">
           <div class="text-h6 text-semibold">aleph.im Core Channel Node Operator</div>
         </q-card-section>
@@ -37,7 +37,7 @@
           </p>
         </q-card-section>
       </q-card>
-      <q-card flat class="col-6 text-center column">
+      <q-card class="col-6 text-center column" flat>
         <q-card-section class="bg-purple-50">
           <div class="text-h6 text-semibold">aleph.im Resource Node Operator</div>
         </q-card-section>
@@ -48,7 +48,7 @@
           </p>
         </q-card-section>
       </q-card>
-      <q-card flat class="col-6 text-center column">
+      <q-card class="col-6 text-center column" flat>
         <q-card-section class="bg-purple-50">
           <div class="text-h6 text-semibold">Connect your wallet and Start earning points today!</div>
         </q-card-section>
@@ -59,31 +59,31 @@
           </p>
         </q-card-section>
       </q-card>
-      <q-card flat class="col-12 text-center">
+      <q-card class="col-12 text-center" flat>
         <q-card-section class="bg-purple-50">
           <div class="text-h6">Check your points</div>
         </q-card-section>
         <q-card-section class="q-pt-none bg-purple-50">
           <q-input
             v-model="address"
-            bottom-slots
-            counter
+            :rules="addressRules"
             autofocus
-            rounded
-            standout
             bg-color="secondary"
+            bottom-slots
             class="q-pa-lg"
+            counter
             input-class="text-light"
             label="Address"
             label-color="grey"
             maxlength="42"
-            :rules="addressRules"
+            rounded
+            standout
           >
             <template v-slot:prepend>
               <q-icon name="wallet" />
             </template>
 
-            <template v-slot:hint> Enter an address to check if there are points associated with it. </template>
+            <template v-slot:hint> Enter an address to check if there are points associated with it.</template>
           </q-input>
           <div v-if="addressVerifier(address) === true" class="text-h6 text-bold q-pa-lg">
             <div v-if="points.getAddressPoints(address) === 0">
@@ -93,11 +93,11 @@
               You have points!<br /><br />
               <q-btn
                 :to="{ name: 'points-detail', params: { address: address } }"
-                label="View details"
                 color="white"
-                text-color="primary"
+                label="View details"
                 no-caps
                 rounded
+                text-color="primary"
               />
             </div>
           </div>
@@ -108,15 +108,13 @@
 </template>
 
 <script>
-import { defineComponent, ref, onMounted, nextTick } from 'vue';
-import { useCounterStore } from '../stores/counter-store';
+import { defineComponent, nextTick, onMounted, ref } from 'vue';
 import { usePoints } from '../stores/points';
 import { ethers } from 'ethers';
 
 export default defineComponent({
   name: 'PointsInfo',
   setup() {
-    const counter = useCounterStore();
     const expanded = ref(false);
     const points = usePoints();
     const address = ref('');
@@ -141,12 +139,12 @@ export default defineComponent({
         return 'Invalid address';
       }
     }
+
     // points.points is an object, let's check if it's empty
 
     // const count = ref(0)
     return {
       points,
-      counter,
       expanded,
       address,
       addressVerifier,
diff --git a/src/stores/counter-store.js b/src/stores/counter-store.js
deleted file mode 100644
index 83e8390..0000000
--- a/src/stores/counter-store.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { defineStore } from 'pinia';
-
-export const useCounterStore = defineStore('counter', {
-  state: () => ({
-    counter: 0,
-  }),
-  getters: {
-    doubleCount: (state) => state.counter * 2,
-  },
-  actions: {
-    increment() {
-      this.counter++;
-    },
-  },
-});
diff --git a/src/stores/personas-store.js b/src/stores/personas-store.js
index 9099cb8..4d732b1 100644
--- a/src/stores/personas-store.js
+++ b/src/stores/personas-store.js
@@ -8,10 +8,4 @@ export const usePersonasStore = defineStore('personas', {
     persona: defaultPersonas[0],
   }),
   getters: {},
-  actions: {
-    setPersona(persona) {
-      // you can directly mutate the state
-      this.persona = persona;
-    },
-  },
 });