Jakub_Hostacny/Coop-NL
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: moznost skrytia oznamovacej listy

Browse Source
This commit is contained in:
Jakub_Hostacny committed 2026-10-08 09:53:12 +02:00
1 parent 00d681bec2
commit 680883f047
4 files changed
+75 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/page.tsx
+54 -12
View File
@@ -651,18 +651,42 @@ export default function Home() {
{mod.title}
</span>
{/* Ak je modul ukotvený (Hlavička / Letáky / Recepty / Pätička), nezobrazujeme tlačidlá na presun a zmazanie */}
{/* Ak je modul ukotvený (Hlavička / Letáky / Recepty / Pätička / Oznamovacia lišta) */}
{isAnchored ? (
<span className="text-[9px] font-bold bg-white/10 text-amber-300 px-2 py-0.5 rounded-full border border-white/10 uppercase flex items-center gap-1">
<Lock className="w-2.5 h-2.5" />
{isFooter
? 'Ukotvená pätička'
: isFlyers
? 'Ukotvené letáky'
: isRecipes
? 'Ukotvené recepty'
: 'Ukotvená hlavička'}
</span>
<div className="flex items-center gap-1.5">
{mod.type === 'announcement' && (
<button
type="button"
onClick={(e) => {
e.stopPropagation();
handleUpdateModule({
...mod,
data: { ...mod.data, enabled: mod.data.enabled === false ? true : false }
});
}}
className={`text-[9px] font-bold px-2 py-0.5 rounded-full border transition-all flex items-center gap-1 ${
mod.data.enabled === false
? 'bg-red-500/20 text-red-300 border-red-400/30 hover:bg-red-500/30'
: 'bg-emerald-500/20 text-emerald-300 border-emerald-400/30 hover:bg-emerald-500/30'
}`}
title={mod.data.enabled === false ? 'Aktivovať lištu v e-maile' : 'Skryť lištu v e-maile'}
>
{mod.data.enabled === false ? 'Skrytá (zapnúť)' : 'Zobrazená'}
</button>
)}
<span className="text-[9px] font-bold bg-white/10 text-amber-300 px-2 py-0.5 rounded-full border border-white/10 uppercase flex items-center gap-1">
<Lock className="w-2.5 h-2.5" />
{isFooter
? 'Ukotvená pätička'
: isFlyers
? 'Ukotvené letáky'
: isRecipes
? 'Ukotvené recepty'
: mod.type === 'announcement'
? 'Oznamovacia lišta'
: 'Ukotvená hlavička'}
</span>
</div>
) : (
<>
<button
@@ -712,7 +736,7 @@ export default function Home() {
</div>
)}
{/* Vykreslenie modulu: ak je loyalty_club vypnutý, zobrazíme prívetivý placeholder */}
{/* Vykreslenie modulu: ak je loyalty_club alebo announcement vypnutý, zobrazíme prívetivý placeholder */}
{mod.type === 'loyalty_club' && mod.data.enabled === false ? (
<div className="p-8 my-4 border-2 border-dashed border-red-500/40 bg-red-950/30 rounded-2xl text-center">
<p className="text-xs font-bold text-red-300 uppercase tracking-wider">
@@ -731,6 +755,24 @@ export default function Home() {
Aktivovať vernostné zľavy
</button>
</div>
) : mod.type === 'announcement' && mod.data.enabled === false ? (
<div className="p-4 my-2 border-2 border-dashed border-red-500/40 bg-red-950/30 rounded-xl text-center">
<p className="text-xs font-bold text-red-300 uppercase tracking-wider">
Top oznamovacia lišta (Vypnutá / Skrytá)
</p>
<p className="text-[11px] text-gray-300 mt-0.5">
Táto lišta je v e-maile skrytá. Kliknutím sem ju môžete aktivovať.
</p>
<button
onClick={(e) => {
e.stopPropagation();
handleUpdateModule({ ...mod, data: { ...mod.data, enabled: true } });
}}
className="mt-2 px-3 py-1 bg-red-600 hover:bg-red-700 text-white text-xs font-bold rounded-lg transition-colors shadow-sm"
>
Aktivovať oznamovaciu lištu
</button>
</div>
) : (
<div
dangerouslySetInnerHTML={{