Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-07-16 00:14:21 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make "Incoming requests" link to user page

Browse Source
This commit is contained in:
Kalle 2026-03-23 21:31:32 +02:00
parent 39d4229484
commit f417cd2e69
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/features/friends/routes/friends.module.css
View File

@ -11,12 +11,14 @@
align-items: center;
gap: var(--s-2);
font-weight: var(--weight-semi);
color: var(--color-text);
}
.userName {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--font-sm);
}
.friendsListHeader {

10
app/features/friends/routes/friends.tsx
View File

@ -1,5 +1,5 @@
import { useTranslation } from "react-i18next";
import { Form, useLoaderData, useSearchParams } from "react-router";
import { Form, Link, useLoaderData, useSearchParams } from "react-router";
import { Avatar } from "~/components/Avatar";
import { Divider } from "~/components/Divider";
import { Main } from "~/components/Main";
@ -64,7 +64,7 @@ function IncomingRequestsSection() {
<div className="stack sm">
{data.incomingRequests.map((request) => (
<div key={request.id} className={styles.pendingRow}>
<div className={styles.pendingUser}>
<Link to={request.sender.url} className={styles.pendingUser}>
<Avatar
user={{
discordId: request.sender.discordId,
@ -73,7 +73,7 @@ function IncomingRequestsSection() {
size="xxsm"
/>
<span className={styles.userName}>{request.sender.username}</span>
</div>
</Link>
<div className="stack horizontal sm">
<Form method="post">
<input type="hidden" name="_action" value="ACCEPT_REQUEST" />
@ -115,7 +115,7 @@ function PendingRequestsSection() {
<div className="stack sm">
{data.pendingRequests.map((request) => (
<div key={request.id} className={styles.pendingRow}>
<div className={styles.pendingUser}>
<Link to={request.receiver.url} className={styles.pendingUser}>
<Avatar
user={{
discordId: request.receiver.discordId,
@ -126,7 +126,7 @@ function PendingRequestsSection() {
<span className={styles.userName}>
{request.receiver.username}
</span>
</div>
</Link>
<Form method="post">
<input type="hidden" name="_action" value="CANCEL_REQUEST" />
<input type="hidden" name="friendRequestId" value={request.id} />