#45 feat: update login prompt message with contact info and icons

.env.example

@@ -1,2 +1,3 @@
 VITE_API_IMPLEMENTATION=django
 VITE_DJANGO_BASE_URL=http://localhost:7000
+VITE_CONTACT_PHONE=3023567797

deploy/.env.example

@@ -1,2 +1,3 @@
 VITE_API_IMPLEMENTATION=django
 VITE_DJANGO_BASE_URL=http://localhost:7000
+VITE_CONTACT_PHONE=

deploy/Dockerfile

@@ -3,9 +3,11 @@ FROM node:20-alpine AS builder
 
 ARG VITE_DJANGO_BASE_URL
 ARG VITE_API_IMPLEMENTATION
+ARG VITE_CONTACT_PHONE
 
 ENV VITE_DJANGO_BASE_URL=$VITE_DJANGO_BASE_URL
 ENV VITE_API_IMPLEMENTATION=$VITE_API_IMPLEMENTATION
+ENV VITE_CONTACT_PHONE=$VITE_CONTACT_PHONE
 
 WORKDIR /app
 

deploy/build.sh

@@ -59,6 +59,7 @@ set +a
 
 BUILD_ARGS="--build-arg VITE_DJANGO_BASE_URL=$VITE_DJANGO_BASE_URL"
 BUILD_ARGS="$BUILD_ARGS --build-arg VITE_API_IMPLEMENTATION=$VITE_API_IMPLEMENTATION"
+BUILD_ARGS="$BUILD_ARGS --build-arg VITE_CONTACT_PHONE=$VITE_CONTACT_PHONE"
 
 FULL_IMAGE_NAME="$GITEA_REGISTRY/$GITEA_USER/$IMAGE_NAME"
 

src/pages/catalog.vue

@@ -135,8 +135,42 @@
             </v-btn>
             <v-icon size="48" color="primary" class="mb-2">mdi-cart-lock</v-icon>
             <p class="text-body-2 text-medium-emphasis mb-3">
-              Inicia sesión para agregar productos al carrito y finalizar tu compra
+              Para hacer pedidos debes de tener usuario y clave, si no lo tienes comunicate con nosotros al
+              <strong class="text-primary">{{ contactPhone }}</strong>
+              para solicitarlo. Esto es necesario porque no podemos procesar tus pedidos todos los días del mes.
+              Comunicate con nosotros para contarte todos los detalles y que puedas apoyar este proceso.
             </p>
+            <div class="d-flex justify-center ga-2 mb-3">
+              <v-btn
+                icon
+                size="small"
+                color="primary"
+                variant="tonal"
+                :href="'tel:' + contactPhone"
+              >
+                <v-icon size="18">mdi-phone</v-icon>
+              </v-btn>
+              <v-btn
+                icon
+                size="small"
+                color="success"
+                variant="tonal"
+                :href="'https://wa.me/' + contactPhone"
+                target="_blank"
+              >
+                <v-icon size="18">mdi-whatsapp</v-icon>
+              </v-btn>
+              <v-btn
+                icon
+                size="small"
+                color="info"
+                variant="tonal"
+                :href="'https://t.me/+57' + contactPhone"
+                target="_blank"
+              >
+                <v-icon size="18">mdi-send</v-icon>
+              </v-btn>
+            </div>
             <v-btn
               color="primary"
               variant="tonal"
@@ -337,6 +371,9 @@ export default {
     isAuthenticated() {
       return this.authStore.isAuthenticated;
     },
+    contactPhone() {
+      return import.meta.env.VITE_CONTACT_PHONE || '';
+    },
     // Búsqueda
     filteredItems() {
       if (!this.searchQuery) return this.items;
@@ -775,6 +812,8 @@ export default {
   border: 2px dashed rgba(0, 0, 0, 0.12);
   background: #fafafa !important;
   position: relative;
+  overflow-wrap: break-word;
+  word-break: break-word;
 }
 
 .login-prompt-close {