feat: enhance Vinito purchase email with dynamic logo URL

franco14lorenzo · Nov 16, 2024 · cad275b · cad275b
1 parent 73641fc
commit cad275b
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 9 deletions.
diff --git a/src/emails/vinito-purchase.tsx b/src/emails/vinito-purchase.tsx
@@ -16,7 +16,7 @@ import {
   Text
 } from '@react-email/components'
 
-import { formatCurrency } from '@/lib/utils'
+import { formatCurrency, getImageUrl } from '@/lib/utils'
 
 interface VinitoPurchaseEmailProps {
   customer: {
@@ -70,6 +70,9 @@ export const VinitoPurchaseEmail = ({
   settings
 }: VinitoPurchaseEmailProps) => {
   const previewText = `Vinito - Confirmación de Pedido ${orderNumber}`
+  const logoUrl = getImageUrl(
+    '/storage/v1/object/public/images/vinito-logo.png'
+  )
 
   return (
     <Html>
@@ -82,10 +85,10 @@ export const VinitoPurchaseEmail = ({
               <Row>
                 <Column align="center">
                   <Img
-                    src={`${baseUrl}/vinito-logo.png`}
+                    src={logoUrl}
                     width="115"
                     height="32"
-                    alt="Vinito"
+                    alt="Vinito Logo"
                     className="mx-auto my-0"
                   />
                 </Column>
@@ -219,7 +222,7 @@ export const VinitoPurchaseEmail = ({
                 >
                   <Column className="w-[70%]">
                     <Text className="text-sm text-gray-800">
-                      {item.quantity}x {item.name}
+                      {item.name} x {item.quantity}
                     </Text>
                   </Column>
                   <Column align="right">

diff --git a/src/lib/utils.ts b/src/lib/utils.ts
@@ -24,3 +24,7 @@ export function formatCurrency(value: number | undefined) {
     ? value.toLocaleString('es-AR', { style: 'currency', currency: 'ARS' })
     : '$0,00'
 }
+
+export function getImageUrl(image: string) {
+  return `${process.env.NEXT_PUBLIC_SUPABASE_URL}${image}`
+}
diff --git a/supabase/.gitignore b/supabase/.gitignore
@@ -2,3 +2,6 @@
 .branches
 .temp
 .env
+
+#Images Storage
+Images
diff --git a/supabase/config.toml b/supabase/config.toml
@@ -74,11 +74,11 @@ file_size_limit = "50MiB"
 enabled = true
 
 # Uncomment to configure local storage buckets
-# [storage.buckets.images]
-# public = false
-# file_size_limit = "50MiB"
-# allowed_mime_types = ["image/png", "image/jpeg"]
-# objects_path = "./images"
+ [storage.buckets.images]
+public = true
+file_size_limit = "50MiB"
+allowed_mime_types = ["image/png", "image/jpeg"]
+objects_path = "./images"
 
 [auth]
 enabled = true