ThaMunsta/whats-the-point
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more friends fixes
All checks were successful
Build Images and Deploy / Update-PROD-Stack (push) Successful in 32s
Details

Browse Source
This commit is contained in:
Mike Johnston
2026-01-30 17:39:28 -05:00
parent 8ad834d778
commit 754badc60f
2 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/pages/Friends.jsx
View File

@@ -178,10 +178,11 @@ export default function Friends() {
borderBottom: '1px solid var(--border)',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center'
alignItems: 'center',
gap: '1rem'
}}
>
<div>
<div style={{ flex: 1, minWidth: 0 }}>
<div style={{ fontWeight: 500 }}>{user.username}</div>
<div style={{ fontSize: '0.875rem', color: 'var(--text-muted)' }}>{user.email}</div>
</div>
@@ -189,6 +190,7 @@ export default function Friends() {
className="btn btn-primary btn-sm"
onClick={() => handleSendRequest(user.id)}
disabled={sending === user.id}
style={{ flexShrink: 0 }}
>
{sending === user.id ? 'Sending...' : 'Add Friend'}
</button>
@@ -204,12 +206,12 @@ export default function Friends() {
<h3 style={{ marginBottom: '1rem' }}>Friend Requests</h3>
<div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
{requests.map(req => (
<div key={req.id} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<div>
<div key={req.id} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '1rem' }}>
<div style={{ flex: 1, minWidth: 0 }}>
<div style={{ fontWeight: 500 }}>{req.username}</div>
<div style={{ fontSize: '0.875rem', color: 'var(--text-muted)' }}>{req.email}</div>
</div>
<div style={{ display: 'flex', gap: '0.5rem' }}>
<div style={{ display: 'flex', gap: '0.5rem', flexShrink: 0 }}>
<button
className="btn btn-success btn-sm"
onClick={() => handleRespond(req.id, 'accepted')}
@@ -239,17 +241,18 @@ export default function Friends() {
) : (
<div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
{friends.map(friend => (
<div key={friend.id} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<div>
<div key={friend.id} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '1rem' }}>
<div style={{ flex: 1, minWidth: 0 }}>
<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={{ color: 'var(--primary)' }}>{friend.total_points} points</div>
<div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center', flexShrink: 0 }}>
<div style={{ color: 'var(--primary)', whiteSpace: 'nowrap' }}>{friend.total_points} points</div>
<button
className="btn btn-danger btn-sm"
onClick={() => handleRemoveFriend(friend.id, friend.username)}
disabled={removing === friend.id}
style={{ flexShrink: 0 }}
>
{removing === friend.id ? 'Removing...' : 'Remove'}
</button>
@@ -271,20 +274,21 @@ export default function Friends() {
</div>
)}
{challengeFriends.map(friend => (
<div key={friend.id} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<div>
<div key={friend.id} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '1rem' }}>
<div style={{ flex: 1, minWidth: 0 }}>
<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: '0.5rem', alignItems: 'center' }}>
<div style={{ color: 'var(--primary)' }}>{friend.total_points} points</div>
<div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center', flexShrink: 0, flexWrap: 'nowrap' }}>
<button
className="btn btn-primary btn-sm"
onClick={() => handleSendRequest(friend.id)}
disabled={sending === friend.id}
style={{ flexShrink: 0 }}
>
{sending === friend.id ? 'Sending...' : 'Add Friend'}
</button>
<div style={{ color: 'var(--primary)', whiteSpace: 'nowrap' }}>{friend.total_points} points</div>
</div>
</div>
))}