@@ -115,7 +115,7 @@ export const GroupMemberManagement: React.FC<GroupMemberManagementProps> = ({
115115 < List >
116116 { members . map ( ( member ) => (
117117 < ListItem key = { member . email } >
118- < Group position = "apart ">
118+ < Group justify = "space-between ">
119119 < Text size = "sm" > { member . email } </ Text >
120120 < ActionIcon
121121 color = "red"
@@ -131,19 +131,6 @@ export const GroupMemberManagement: React.FC<GroupMemberManagementProps> = ({
131131 </ ScrollArea >
132132 </ Box >
133133
134- { /* Add Member */ }
135- < Box mb = "md" >
136- < TextInput
137- value = { email }
138- onChange = { ( event ) => setEmail ( event . currentTarget . value ) }
139- placeholder = "Enter email to add"
140- disabled = { isLoading }
141- />
142- < Button mt = "sm" onClick = { handleAddMember } disabled = { ! email . trim ( ) || isLoading } >
143- Add Member
144- </ Button >
145- </ Box >
146-
147134 { /* Save Changes Button */ }
148135 < Button
149136 fullWidth
@@ -195,7 +182,7 @@ export const GroupMemberManagement: React.FC<GroupMemberManagementProps> = ({
195182 </ ScrollArea >
196183 </ Box >
197184 ) }
198- < Group position = "center" mt = "lg" >
185+ < Group justify = "center" mt = "lg" >
199186 < Button onClick = { handleSaveChanges } loading = { isLoading } color = "blue" >
200187 Confirm and Save
201188 </ Button >
@@ -209,70 +196,6 @@ export const GroupMemberManagement: React.FC<GroupMemberManagementProps> = ({
209196 </ Group >
210197 </ Box >
211198 </ Modal >
212-
213- { /* Results */ }
214- { results . length > 0 && (
215- < Box mt = "md" >
216- < Text fw = { 500 } size = "sm" mb = "xs" >
217- Results
218- </ Text >
219- < List >
220- { results . map ( ( { email, status, message } ) => (
221- < ListItem key = { email } >
222- < Group position = "apart" >
223- < Text size = "sm" > { email } </ Text >
224- < Group >
225- < Badge color = { status === 'success' ? 'green' : 'red' } >
226- { status === 'success' ? 'Success' : 'Failure' }
227- </ Badge >
228- { status === 'failure' && (
229- < Button
230- variant = "subtle"
231- size = "xs"
232- onClick = { ( ) => handleViewErrorDetails ( email , message || 'Unknown error' ) }
233- >
234- View Details
235- </ Button >
236- ) }
237- </ Group >
238- </ Group >
239- </ ListItem >
240- ) ) }
241- </ List >
242- </ Box >
243- ) }
244-
245- { /* Error Modal */ }
246- < Modal
247- opened = { errorModal . open }
248- onClose = { ( ) => setErrorModal ( { open : false , email : '' , message : '' } ) }
249- title = "Error Details"
250- >
251- < Box >
252- < Text fw = { 500 } size = "sm" mb = { 2 } >
253- Email:
254- </ Text >
255- < Text size = "sm" mb = "md" >
256- { errorModal . email }
257- </ Text >
258- < Text fw = { 500 } size = "sm" mb = { 2 } >
259- Error Message:
260- </ Text >
261- < Text size = "sm" mb = "md" >
262- { errorModal . message }
263- </ Text >
264- < Button fullWidth onClick = { ( ) => setErrorModal ( { open : false , email : '' , message : '' } ) } >
265- Close
266- </ Button >
267- </ Box >
268- </ Modal >
269-
270- { /* Notifications for Feedback */ }
271- { isLoading && (
272- < Alert color = "blue" title = "Processing Changes" mt = "md" >
273- Please wait while the changes are being processed.
274- </ Alert >
275- ) }
276199 </ Box >
277200 ) ;
278201} ;
0 commit comments