From a1a30844392808d31fcb5abc27e01baf9fe957c0 Mon Sep 17 00:00:00 2001
From: Ryan Furrer <ryandotfurrer@gmail.com>
Date: Wed, 9 Oct 2024 20:09:51 -0400
Subject: [PATCH] feat(AdminNotifications): update emailReceipients to
 groupUsers and add state to control which "group" value is displayed when the
 user makes a radio button selection

---
 app/(admin)/admin/notifications/page.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/(admin)/admin/notifications/page.tsx b/app/(admin)/admin/notifications/page.tsx
index 0e522b8c..5ddceac1 100644
--- a/app/(admin)/admin/notifications/page.tsx
+++ b/app/(admin)/admin/notifications/page.tsx
@@ -21,10 +21,10 @@ import React, { useEffect } from 'react';
  */
 const AdminNotifications = (): JSX.Element => {
   const [content, setContent] = useState<string>('');
+  const [emailSubjects, setEmailSubjects] = useState<string>('all users');
   const [groupUsers, setGroupUsers] = useState<string[]>([]);
   const [leagueName, setLeagueName] = useState<string>('');
   const [subject, setSubject] = useState<string>('');
-  const [emailRecipients, setEmailRecipients] = useState<string>('');
 
   /**
    * To grab all users from the league.
@@ -60,7 +60,8 @@ const AdminNotifications = (): JSX.Element => {
    * @param value - Value of the radio buttons.
    */
   const handleRadioChange = (value: string): void => {
-    setEmailRecipients(value);
+    setGroupUsers([value]);
+    setEmailSubjects(value);
   };
 
   useEffect(() => {
@@ -143,7 +144,7 @@ const AdminNotifications = (): JSX.Element => {
         <p>
           This email will be sent to{' '}
           <span className="font-bold text-orange-500">
-            {emailRecipients.toLowerCase()}
+            {emailSubjects.toLowerCase()}
           </span>{' '}
           in <span className="font-bold text-orange-500">{leagueName}</span>
         </p>