fcarra/EmailManager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update App.tsx

Browse Source
This commit is contained in:
fcarraUniSa
2025-12-11 14:10:44 +01:00
committed by GitHub
parent 6e35efb065
commit 49b06dc8c9
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
App.tsx
View File

@@ -38,7 +38,7 @@ const App: React.FC = () => {
const clonedTemplate: EmailTemplate = { const clonedTemplate: EmailTemplate = {
...t, ...t,
id: crypto.randomUUID(), // Generate new ID so it's treated as a new insert id: crypto.randomUUID(), // Generate new ID so it's treated as a new insert
name: `${t.name} (Copy)`, name: `${t.name} (Copia)`,
updatedAt: new Date().toISOString() updatedAt: new Date().toISOString()
}; };
@@ -47,7 +47,7 @@ const App: React.FC = () => {
}; };
const handleDelete = async (id: string) => { const handleDelete = async (id: string) => {
if (window.confirm("Are you sure you want to delete this template?")) { if (window.confirm("Sei sicuro di voler eliminare questo template?")) {
await deleteTemplate(id); await deleteTemplate(id);
await refreshTemplates(); await refreshTemplates();
} }
@@ -64,7 +64,7 @@ const App: React.FC = () => {
<> <>
{isLoading ? ( {isLoading ? (
<div className="flex h-screen items-center justify-center text-slate-500"> <div className="flex h-screen items-center justify-center text-slate-500">
Loading templates... Caricamento template...
</div> </div>
) : ( ) : (
<TemplateList <TemplateList
@@ -81,7 +81,7 @@ const App: React.FC = () => {
className="bg-slate-800 text-white px-4 py-3 rounded-full shadow-lg hover:bg-slate-900 flex items-center gap-2 text-sm font-medium transition-transform hover:scale-105" className="bg-slate-800 text-white px-4 py-3 rounded-full shadow-lg hover:bg-slate-900 flex items-center gap-2 text-sm font-medium transition-transform hover:scale-105"
> >
<Database size={18} /> <Database size={18} />
DB Schema Schema DB
</button> </button>
</div> </div>
</> </>
@@ -101,10 +101,10 @@ const App: React.FC = () => {
<div className="bg-white rounded-xl shadow-2xl max-w-2xl w-full p-6"> <div className="bg-white rounded-xl shadow-2xl max-w-2xl w-full p-6">
<h2 className="text-xl font-bold mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold mb-4 flex items-center gap-2">
<Database className="text-brand-600"/> <Database className="text-brand-600"/>
Database Setup for n8n Configurazione Database per n8n
</h2> </h2>
<p className="text-slate-600 text-sm mb-4"> <p className="text-slate-600 text-sm mb-4">
To make this app work with your internal software, create this table in your MySQL or PostgreSQL database. Per far funzionare questa app con il tuo software interno, crea questa tabella nel tuo database MySQL o PostgreSQL.
</p> </p>
<div className="bg-slate-900 text-slate-100 p-4 rounded-lg overflow-x-auto custom-scrollbar mb-4"> <div className="bg-slate-900 text-slate-100 p-4 rounded-lg overflow-x-auto custom-scrollbar mb-4">
<pre className="text-xs font-mono leading-relaxed">{SQL_SCHEMA}</pre> <pre className="text-xs font-mono leading-relaxed">{SQL_SCHEMA}</pre>
@@ -113,17 +113,17 @@ const App: React.FC = () => {
<button <button
onClick={() => { onClick={() => {
navigator.clipboard.writeText(SQL_SCHEMA); navigator.clipboard.writeText(SQL_SCHEMA);
alert("Schema copied!"); alert("Schema copiato!");
}} }}
className="px-4 py-2 bg-slate-100 text-slate-700 font-medium rounded hover:bg-slate-200" className="px-4 py-2 bg-slate-100 text-slate-700 font-medium rounded hover:bg-slate-200"
> >
Copy SQL Copia SQL
</button> </button>
<button <button
onClick={() => setShowSchema(false)} onClick={() => setShowSchema(false)}
className="px-4 py-2 bg-brand-600 text-white font-medium rounded hover:bg-brand-700" className="px-4 py-2 bg-brand-600 text-white font-medium rounded hover:bg-brand-700"
> >
Close Chiudi
</button> </button>
</div> </div>
</div> </div>