From b945bf06731c3568dde1a3a64f60f44288c00b21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa?= <mherrezuelo94@hotmail.com>
Date: Mon, 6 Oct 2025 14:22:30 +0200
Subject: [PATCH] some style changes and cookies persistance added

---
 components/CookieUsageNotification.vue |  1 +
 components/ProductCardDetails.vue      |  2 +-
 nuxt.config.ts                         |  3 +++
 pages/admin/cooperativas.vue           |  1 -
 pages/admin/importar.vue               |  2 +-
 pages/editar/productos/[id].vue        |  2 +-
 pages/editar/productos/crear.vue       |  2 +-
 pages/editar/productos/importar.vue    |  2 +-
 pages/editar/productos/index.vue       |  2 +-
 pages/productoras/[id].vue             | 21 ++++++++++++++++-----
 pages/productos/[id].vue               |  1 -
 stores/auth.ts                         | 26 ++++----------------------
 12 files changed, 30 insertions(+), 35 deletions(-)

diff --git a/components/CookieUsageNotification.vue b/components/CookieUsageNotification.vue
index b949f4b..5257071 100644
--- a/components/CookieUsageNotification.vue
+++ b/components/CookieUsageNotification.vue
@@ -28,6 +28,7 @@ export default {
 
   mounted() {
     const auth = useAuthStore();
+    console.log("auth.cookiesAccepted", auth.cookiesAccepted);
     if (auth.cookiesAccepted === true) {
       this.show = false;
     } else {
diff --git a/components/ProductCardDetails.vue b/components/ProductCardDetails.vue
index 4378287..4e13f98 100644
--- a/components/ProductCardDetails.vue
+++ b/components/ProductCardDetails.vue
@@ -485,7 +485,7 @@ export default {
   h4 {
     font-size: $h4;
     font-weight: $medium;
-    color: $color-navy;
+    color: black;
     margin-top: 5px;
     text-transform: uppercase;
     text-decoration: none;
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 5b9d92d..4109ea2 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -20,6 +20,9 @@ export default defineNuxtConfig({
       })
     }
   ],
+  pinia: {
+    storesDirs: ['./stores/**'],
+  },
   css: [
     '~/assets/scss/main.scss',
     'bootstrap/dist/css/bootstrap.min.css',
diff --git a/pages/admin/cooperativas.vue b/pages/admin/cooperativas.vue
index 3c15dd1..d0ea16b 100644
--- a/pages/admin/cooperativas.vue
+++ b/pages/admin/cooperativas.vue
@@ -152,7 +152,6 @@ export default {
 
 <style lang="scss" scoped>
 .container {
-  margin-top: 40px;
   margin-bottom: 80px;
 }
 .title {
diff --git a/pages/admin/importar.vue b/pages/admin/importar.vue
index 38429be..2f0776c 100644
--- a/pages/admin/importar.vue
+++ b/pages/admin/importar.vue
@@ -87,7 +87,7 @@ export default {
 
 <style lang="scss" scoped>
 .container {
-  margin-top: 40px;
+  // margin-top: 40px;
   margin-bottom: 80px;
 }
 .title {
diff --git a/pages/editar/productos/[id].vue b/pages/editar/productos/[id].vue
index 7dd0d29..46f147b 100644
--- a/pages/editar/productos/[id].vue
+++ b/pages/editar/productos/[id].vue
@@ -122,7 +122,7 @@ export default {
 
 <style lang="scss" scoped>
 .container {
-  margin-top: 40px;
+  // margin-top: 40px;
   margin-bottom: 80px;
 }
 .edit-product {
diff --git a/pages/editar/productos/crear.vue b/pages/editar/productos/crear.vue
index 902f23b..8bcceb9 100644
--- a/pages/editar/productos/crear.vue
+++ b/pages/editar/productos/crear.vue
@@ -65,7 +65,7 @@ export default {
 
 <style lang="scss" scoped>
 .container {
-  margin-top: 40px;
+  // margin-top: 40px;
   margin-bottom: 80px;
 }
 .add-product {
diff --git a/pages/editar/productos/importar.vue b/pages/editar/productos/importar.vue
index 950a571..6145d8c 100644
--- a/pages/editar/productos/importar.vue
+++ b/pages/editar/productos/importar.vue
@@ -305,7 +305,7 @@ export default {
 
 <style lang="scss" scoped>
 .container {
-  margin-top: 40px;
+  // margin-top: 40px;
   margin-bottom: 80px;
 }
 
diff --git a/pages/editar/productos/index.vue b/pages/editar/productos/index.vue
index c23d9c5..fc3ad34 100644
--- a/pages/editar/productos/index.vue
+++ b/pages/editar/productos/index.vue
@@ -255,7 +255,7 @@ export default {
   align-items: center;
 }
 .container {
-  margin-top: 40px;
+  // margin-top: 40px;
   margin-bottom: 80px;
 }
 
diff --git a/pages/productoras/[id].vue b/pages/productoras/[id].vue
index 1e2ef98..da69d5a 100644
--- a/pages/productoras/[id].vue
+++ b/pages/productoras/[id].vue
@@ -52,14 +52,18 @@
                 class="div-action-img"
                 src="@/assets/img/latienda-telefono.svg"
               />
-              <span
+              <div class="div-action-tels">
+                <a :href="`tel:+${coop?.phone}`" class="tel-link"><span>{{ coop?.phone }}</span></a>
+                <a :href="`tel:+${coop?.mobile}`" class="tel-link"><span>{{ coop?.mobile }}</span></a>
+              </div>
+              <!-- <span
                 >{{ coop?.phone }} <br />
                 {{ coop?.mobile }}</span
-              >
+              > -->
             </div>
             <div v-if="coop?.email" class="div-action mail">
               <img class="div-action-img" src="@/assets/img/latienda-email.svg" />
-              <span>{{ coop?.email }}</span>
+              <a :href="`mailto:${coop?.email}`" class="mail-link"><span>{{ coop?.email }}</span></a>
             </div>
             
             <!-- <div v-if="coop?.city" class="div-action location">
@@ -73,7 +77,7 @@
       
       </div>
     </div>
-    <div class="c-tabs-container">
+    <!-- <div class="c-tabs-container">
       <div class="c-tabs">
         <div>
           <BCard no-body class="b-card">
@@ -116,7 +120,7 @@
           </BCard>
         </div>
       </div>
-    </div>
+    </div> -->
     <div v-if="products && products.length" class="c-catalogo">
       <div class="title-container">
         <div class="title-lines"></div>
@@ -309,6 +313,7 @@ export default {
   gap: 4rem;
   width: 100%;
   padding: 4rem 4rem;
+  margin-bottom: 1rem;
   border-radius: var(--rounded-3xl, 24px);
   background: linear-gradient(
       180deg,
@@ -387,6 +392,12 @@ export default {
     margin-right: 8px;
     margin-left: 5px;
   }
+
+  .div-action-tels {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
 }
 
 .c-image-container {
diff --git a/pages/productos/[id].vue b/pages/productos/[id].vue
index 882e7f3..548cd7a 100644
--- a/pages/productos/[id].vue
+++ b/pages/productos/[id].vue
@@ -77,7 +77,6 @@ export default {
 
 <style lang="scss" scoped>
 .c-container {
-  margin-top: 40px;
   margin-bottom: 80px;
   @include mobile {
     margin-top: 80px;
diff --git a/stores/auth.ts b/stores/auth.ts
index 1651135..713f1d1 100644
--- a/stores/auth.ts
+++ b/stores/auth.ts
@@ -1,5 +1,4 @@
 import { defineStore } from 'pinia'
-import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
 export const useAuthStore = defineStore('auth', {
   state: () => ({
@@ -12,25 +11,6 @@ export const useAuthStore = defineStore('auth', {
     cookiesAreAccepted: false,
   }),
   
-  //persist: true, // TODO: Enable persistence. Cookies will be stored 'auth' 👉🏻 https://prazdevs.github.io/pinia-plugin-persistedstate/frameworks/nuxt
-  
-  // persist: {
-  //   key: 'authentication-cookie',
-  //   storage: piniaPluginPersistedstate.cookies({
-  //     expires: 14, 
-  //     sameSite: 'strict',
-  //     secure: !import.meta.dev,
-  //   }),
-  //   paths: [
-  //     'id',
-  //     'name',
-  //     'email',
-  //     'role',
-  //     'access',
-  //     'refreshTokens',
-  //     'cookiesAreAccepted',
-  //   ],
-  // },
 
   getters: {
     isAuthenticated: (state) => !!state.access,
@@ -103,5 +83,7 @@ export const useAuthStore = defineStore('auth', {
         this.refreshTokens = payload.refresh
       }
     }
-  }
-})
+  },
+  persist: true,
+}
+)