From 0669775cefe2a59dafa5ec479312326bb81880c2 Mon Sep 17 00:00:00 2001
From: Borja Robert <borja@brobert.net>
Date: Wed, 5 Oct 2022 01:05:01 +0200
Subject: [PATCH] cosillas y text ya funciona

---
 src/lib/convertDate.js         |  2 +-
 src/lib/preview/Preview.svelte |  2 +-
 src/lib/templates/Text.svelte  | 40 ++++++++++++++++++++--------------
 3 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/src/lib/convertDate.js b/src/lib/convertDate.js
index 88ecb68..8744dc8 100644
--- a/src/lib/convertDate.js
+++ b/src/lib/convertDate.js
@@ -17,7 +17,7 @@ export const convertDate = (date) => {
     day = day.charAt(1);
   }
 
-		/** @type {string} */ const res = `${day} ${month}`;
+		/** @type {string} */ const res = `${day} de ${month}`;
   return res;
 };
 
diff --git a/src/lib/preview/Preview.svelte b/src/lib/preview/Preview.svelte
index 5721334..9d938ff 100644
--- a/src/lib/preview/Preview.svelte
+++ b/src/lib/preview/Preview.svelte
@@ -76,7 +76,7 @@
 		{/if}
 	</div>
 	<div class="text">
-		<Text {templateIndex} />
+		<Text />
 	</div>
 </div>
 
diff --git a/src/lib/templates/Text.svelte b/src/lib/templates/Text.svelte
index b63c11d..63b24d4 100644
--- a/src/lib/templates/Text.svelte
+++ b/src/lib/templates/Text.svelte
@@ -1,5 +1,4 @@
 <script>
-	import { templates } from '$lib/templates/templates';
 	import {
 		heading,
 		title,
@@ -13,25 +12,34 @@
 
 	import { convertDate } from '$lib/convertDate';
 
-	/** @type number */ export let templateIndex;
-
-	const template = templates[templateIndex];
-
-	/** @type {string} */ let textDate;
-	/** @type {string} */ let textHeading;
-	/** @type {string} */ let textWeekday;
+	/** @type {string} */ let textDate = '';
+	/** @type {boolean} */ let checked = true;
 
 	$: if ($date !== '') {
 		textDate = convertDate($date);
 	}
-	$: if ($heading !== '') {
-		textHeading = $heading;
-	}
-	$: if ($weekday !== '') {
-		textWeekday = $weekday;
-	}
 </script>
 
-<div class="text" contenteditable="true">
-	<p>El {textWeekday}, {textDate}, te invitamos a participar en el {textHeading}</p>
+<div class="text-container">
+	<input type="checkbox" bind:checked />
+
+	{#if checked}
+		<div class="text" contenteditable="true">
+			<p>Estimada/o amiga/o:</p>
+			<p>El {$weekday.toLowerCase()}, {textDate}, celebramos el acto '{$title}'.</p>
+			<p>Lo haremos en {$address.split('\n')[-1]}</p>
+		</div>
+	{/if}
 </div>
+
+<style>
+	.text-container {
+		margin: 1rem auto;
+	}
+	.text {
+		margin: 1rem auto;
+	}
+	p {
+		margin-bottom: 1rem;
+	}
+</style>