From ecd83407855e3d7162faa749d3d02827ced0ee84 Mon Sep 17 00:00:00 2001
From: Matt <mattskent@gmail.com>
Date: Mon, 30 Dec 2024 13:58:46 -0500
Subject: [PATCH] Make klaviyocampaign filter buttons exclusive

---
 .../components/dashboard/KlaviyoCampaigns.jsx | 27 ++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/components/dashboard/KlaviyoCampaigns.jsx b/dashboard/src/components/dashboard/KlaviyoCampaigns.jsx
index e816597..0a54cde 100644
--- a/dashboard/src/components/dashboard/KlaviyoCampaigns.jsx
+++ b/dashboard/src/components/dashboard/KlaviyoCampaigns.jsx
@@ -267,7 +267,14 @@ const KlaviyoCampaigns = ({ className }) => {
               <Button
                 variant={selectedChannels.email ? "default" : "outline"}
                 size="sm"
-                onClick={() => setSelectedChannels(prev => ({ ...prev, email: !prev.email }))}
+                onClick={() => setSelectedChannels(prev => {
+                  if (prev.email && Object.values(prev).filter(Boolean).length === 1) {
+                    // If only email is selected, show all
+                    return { email: true, sms: true, blog: true };
+                  }
+                  // Show only email
+                  return { email: true, sms: false, blog: false };
+                })}
               >
                 <Mail className="h-4 w-4" />
                 <span className="hidden sm:inline">Email</span>
@@ -275,7 +282,14 @@ const KlaviyoCampaigns = ({ className }) => {
               <Button
                 variant={selectedChannels.sms ? "default" : "outline"}
                 size="sm"
-                onClick={() => setSelectedChannels(prev => ({ ...prev, sms: !prev.sms }))}
+                onClick={() => setSelectedChannels(prev => {
+                  if (prev.sms && Object.values(prev).filter(Boolean).length === 1) {
+                    // If only SMS is selected, show all
+                    return { email: true, sms: true, blog: true };
+                  }
+                  // Show only SMS
+                  return { email: false, sms: true, blog: false };
+                })}
               >
                 <MessageSquare className="h-4 w-4" />
                 <span className="hidden sm:inline">SMS</span>
@@ -283,7 +297,14 @@ const KlaviyoCampaigns = ({ className }) => {
               <Button
                 variant={selectedChannels.blog ? "default" : "outline"}
                 size="sm"
-                onClick={() => setSelectedChannels(prev => ({ ...prev, blog: !prev.blog }))}
+                onClick={() => setSelectedChannels(prev => {
+                  if (prev.blog && Object.values(prev).filter(Boolean).length === 1) {
+                    // If only blog is selected, show all
+                    return { email: true, sms: true, blog: true };
+                  }
+                  // Show only blog
+                  return { email: false, sms: false, blog: true };
+                })}
               >
                 <BookOpen className="h-4 w-4" />
                 <span className="hidden sm:inline">Blog</span>