friend management QOL improvements

2026-01-30 17:18:40 -05:00
parent b018664e83
commit ada42d08ce
2 changed files with 96 additions and 16 deletions
@@ -276,8 +276,15 @@ export default function Friends() {
                        <div style={{ fontWeight: 500 }}>{friend.username}</div>
                        <div style={{ fontSize: '0.875rem', color: 'var(--text-muted)' }}>{friend.email}</div>
                      </div>
-                      <div style={{ display: 'flex', gap: '1rem', alignItems: 'center' }}>
+                      <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
                        <div style={{ color: 'var(--primary)' }}>{friend.total_points} points</div>
+                        <button
+                          className="btn btn-primary btn-sm"
+                          onClick={() => handleSendRequest(friend.id)}
+                          disabled={sending === friend.id}
+                        >
+                          {sending === friend.id ? 'Sending...' : 'Add Friend'}
+                        </button>
                        <button
                          className="btn btn-danger btn-sm"
                          onClick={() => handleRemoveFriend(friend.id, friend.username)}