Implement friends list and refactor components #28

Merged
twig merged 24 commits from friends-list into main 2025-07-12 17:28:43 +00:00
Owner

this implements friends list, and friend requests.

i also sorted the components into sub-folders, but this now sadly requires us to import them, sometimes. I have no idea what the behavior is, but i can't stand a folder of 25 files just laying there.

Closes #27

screenshot of ui attached

this implements friends list, and friend requests. i also sorted the components into sub-folders, but this now sadly requires us to import them, sometimes. I have no idea what the behavior is, but i can't stand a folder of 25 files just laying there. Closes #27 screenshot of ui attached
twig added 12 commits 2025-07-10 23:49:47 +00:00
twig 2025-07-10 23:50:54 +00:00
  • added the
    Kind/Feature
    label
  • requested review from sauceyred
twig added 1 commit 2025-07-10 23:54:42 +00:00
chore: remove unnecessary code
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
4e2e61d4dc
twig added 1 commit 2025-07-10 23:56:29 +00:00
chore: "why the question mark after the username"
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
edb6c01b52
co-authored-by: Radical <radical@radical.fun>
radical approved these changes 2025-07-11 22:00:36 +00:00
Owner

Is there a reason for using links instead of the Button component?

Is there a reason for using links instead of the Button component?
Author
Owner

@sauceyred wrote in #28 (comment):

Is there a reason for using links instead of the Button component?

there was originally, but now that you mention it, not really, i'll go change that

@sauceyred wrote in https://git.gorb.app/gorb/frontend/pulls/28#issuecomment-457: > Is there a reason for using links instead of the Button component? there was originally, but now that you mention it, not really, i'll go change that
Owner

I've already made some changes, mind if I push so you can review?

I've already made some changes, mind if I push so you can review?
Author
Owner

go ahead

go ahead
sauceyred added 3 commits 2025-07-12 16:58:39 +00:00
feat: use <style module> for friends list-scoped css
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
890fbebbe9
twig added 3 commits 2025-07-12 17:14:37 +00:00
feat: add friend count to buttons on friend page
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
b731228fb8
sauceyred approved these changes 2025-07-12 17:20:31 +00:00
Dismissed
sauceyred left a comment
Owner

Review comments

Review comments
@ -35,0 +38,4 @@
}
async function addFriend(username: string): Promise<void> {
await fetchWithApi('/me/friends', { method: "POST", body: { username } });
Owner

Add return for consistency

Add `return` for consistency
twig marked this conversation as resolved
@ -35,0 +42,4 @@
}
async function removeFriend(userId: string): Promise<void> {
await fetchWithApi(`/me/friends/${userId}`, { method: "DELETE" });
Owner

Add return for consistency

Add `return` for consistency
twig marked this conversation as resolved
@ -93,2 +93,3 @@
#members-container {
width: 15rem;
min-width: 15rem;
max-width: 15rem;
Owner

Why min-width and max-width instead of width? Is there a difference?

Why `min-width` and `max-width` instead of `width`? Is there a difference?
Author
Owner

if we just set a width, it can expand, and it can shrink. I believe this is related to flexboxes deciding to grow in weird ways

you can see that the members list has a different width in the attachments

if we just set a width, it *can* expand, and it *can* shrink. I believe this is related to flexboxes deciding to grow in weird ways you can see that the members list has a different width in the attachments
Owner

Huh, weird, but okay.

Huh, weird, but okay.
sauceyred marked this conversation as resolved
@ -18,3 +18,3 @@
{{ page.displayName }}
</li>
<span class="spacer"></span>
<verticalSpacer />
Owner

Incorrect capitalization

Incorrect capitalization
twig marked this conversation as resolved
@ -24,3 +24,3 @@
<Button text="Log Out" :callback=logout variant="scary"></Button>
</p>
<span class="spacer"></span>
<verticalSpacer />
Owner

Incorrect capitalization

Incorrect capitalization
twig marked this conversation as resolved
requested review from sauceyred 2025-07-12 17:20:39 +00:00
twig added 2 commits 2025-07-12 17:24:54 +00:00
fix: VerticalSpacer being referred to as verticalSpacer
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
3fc8933b1e
Author
Owner

👍

👍
Owner

i also sorted the components into sub-folders, but this now sadly requires us to import them, sometimes. I have no idea what the behavior is, but i can't stand a folder of 25 files just laying there.

I think it auto-imports top-level components, but components in subdirectories require manual import.

> i also sorted the components into sub-folders, but this now sadly requires us to import them, sometimes. I have no idea what the behavior is, but i can't stand a folder of 25 files just laying there. I think it auto-imports top-level components, but components in subdirectories require manual import.
sauceyred approved these changes 2025-07-12 17:27:02 +00:00
sauceyred left a comment
Owner

Looks good.

Looks good.
Author
Owner

@sauceyred wrote in #28 (comment):

i also sorted the components into sub-folders, but this now sadly requires us to import them, sometimes. I have no idea what the behavior is, but i can't stand a folder of 25 files just laying there.

I think it auto-imports top-level components, but components in subdirectories require manual import.

yeah, that's what i experienced, was just wondering if there was a way around it

@sauceyred wrote in https://git.gorb.app/gorb/frontend/pulls/28#issuecomment-475: > > i also sorted the components into sub-folders, but this now sadly requires us to import them, sometimes. I have no idea what the behavior is, but i can't stand a folder of 25 files just laying there. > > I think it auto-imports top-level components, but components in subdirectories require manual import. yeah, that's what i experienced, was just wondering if there was a way around it
twig added 1 commit 2025-07-12 17:27:27 +00:00
Merge branch 'main' into friends-list
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
457405186a
twig added 1 commit 2025-07-12 17:28:34 +00:00
fix: add friends by username, not ID
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
ci/woodpecker/pull_request_closed/build-and-publish Pipeline was successful
b0e56e1a06
twig merged commit 1d1cfa0af2 into main 2025-07-12 17:28:43 +00:00
twig deleted branch friends-list 2025-07-12 17:28:43 +00:00
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
3 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: gorb/frontend#28
No description provided.