Added icon to add friend modal

ColinLefter · Apr 9, 2024 · faf0a7c · faf0a7c
1 parent b8aebf2
commit faf0a7c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/Application/components/FriendsColumn/AddFriendModal.tsx b/Application/components/FriendsColumn/AddFriendModal.tsx
@@ -5,6 +5,7 @@ import { IconPlus } from '@tabler/icons-react';
 import { NewFriendModalProps } from '@/accordTypes';
 import { notifications, showNotification } from '@mantine/notifications';
 import { useUser } from '@clerk/nextjs';
+import { IconUserPlus } from '@tabler/icons-react';
 
 export function AddFriendModal({ senderID, setLastFetched }: NewFriendModalProps) {
   const { user } = useUser();
@@ -74,6 +75,7 @@ export function AddFriendModal({ senderID, setLastFetched }: NewFriendModalProps
         fullWidth
         onClick={open}
         variant="gradient"
+        leftSection={<IconUserPlus size={16} color="white" />}
       >
         Add friend
       </Button>

diff --git a/Application/components/FriendsColumn/RemoveFriendModal.tsx b/Application/components/FriendsColumn/RemoveFriendModal.tsx
@@ -99,7 +99,7 @@ export function RemoveFriendModal(): JSX.Element {
         variant="gradient"
         leftSection={<IconUserMinus size={16} color="white" />}
       >
-        Remove a friend
+        Remove friends
       </Button>
 
       <Modal