Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-04-21 14:37:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

feat: member invite resource selection break with many projects (#7295)

Browse source
This commit is contained in:
Jonathan Brennan 2025-11-20 09:07:50 -06:00 committed by GitHub
parent 2a18499342
commit 76c700f322
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 21 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/witty-jeans-hope.md Normal file
View file

@ -0,0 +1,5 @@
---
'hive': patch
---
Fixes a UI bug in MembershipInvitation modal when there are many projects/targets/services.

3
packages/web/app/src/components/organization/members/invitations.tsx
View file

@ -195,11 +195,10 @@ function MemberInvitationForm(props: {
);
}
// TODO: fix visibility when screen is too small (height - elements are not visible... - this can happen when there's a lot of roles)
return (
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)}>
<DialogContent className="min-w-[800px]">
<DialogContent className="min-w-[800px] max-w-[70vw]">
<DialogHeader>
<DialogTitle>Membership Invitation</DialogTitle>
<DialogDescription>

8
packages/web/app/src/components/organization/members/resource-selector.tsx
View file

@ -807,10 +807,10 @@ export function ResourceSelector(props: {
</div>
</div>
</div>
<div className="mt-0 flex min-h-[250px] flex-wrap rounded-sm">
<div className="mt-0 flex h-64 flex-wrap rounded-sm">
{/** Projects Content */}
{showProjectsTab && (
<div className="flex flex-1 flex-col border pt-2">
<div className="flex h-full flex-1 flex-col overflow-auto border pt-2">
<div className="text-muted-foreground mb-1 px-2 text-xs uppercase">
access granted
</div>
@ -859,7 +859,7 @@ export function ResourceSelector(props: {
{/** Targets Content */}
<div
className={cn(
'flex flex-1 flex-col border-y border-r pt-2',
'flex h-full flex-1 flex-col overflow-auto border-y border-r pt-2',
!showProjectsTab && 'border-l',
)}
>
@ -933,7 +933,7 @@ export function ResourceSelector(props: {
)}
</div>
<div className="flex flex-1 flex-col border-y border-r">
<div className="flex h-full flex-1 flex-col overflow-auto border-y border-r">
{/** Services Content */}
{serviceAppsState === ServicesAppsState.service && (
<div className="py-2">

20
pnpm-lock.yaml
View file

@ -17878,8 +17878,8 @@ snapshots:
dependencies:
'@aws-crypto/sha256-browser': 3.0.0
'@aws-crypto/sha256-js': 3.0.0
'@aws-sdk/client-sso-oidc': 3.596.0
'@aws-sdk/client-sts': 3.596.0(@aws-sdk/client-sso-oidc@3.596.0)
'@aws-sdk/client-sso-oidc': 3.596.0(@aws-sdk/client-sts@3.596.0)
'@aws-sdk/client-sts': 3.596.0
'@aws-sdk/core': 3.592.0
'@aws-sdk/credential-provider-node': 3.596.0(@aws-sdk/client-sso-oidc@3.596.0)(@aws-sdk/client-sts@3.596.0)
'@aws-sdk/middleware-host-header': 3.577.0
@ -18031,11 +18031,11 @@ snapshots:
transitivePeerDependencies:
- aws-crt
'@aws-sdk/client-sso-oidc@3.596.0':
'@aws-sdk/client-sso-oidc@3.596.0(@aws-sdk/client-sts@3.596.0)':
dependencies:
'@aws-crypto/sha256-browser': 3.0.0
'@aws-crypto/sha256-js': 3.0.0
'@aws-sdk/client-sts': 3.596.0(@aws-sdk/client-sso-oidc@3.596.0)
'@aws-sdk/client-sts': 3.596.0
'@aws-sdk/core': 3.592.0
'@aws-sdk/credential-provider-node': 3.596.0(@aws-sdk/client-sso-oidc@3.596.0)(@aws-sdk/client-sts@3.596.0)
'@aws-sdk/middleware-host-header': 3.577.0
@ -18074,6 +18074,7 @@ snapshots:
'@smithy/util-utf8': 3.0.0
tslib: 2.8.1
transitivePeerDependencies:
- '@aws-sdk/client-sts'
- aws-crt
'@aws-sdk/client-sso-oidc@3.723.0(@aws-sdk/client-sts@3.723.0)':
@ -18250,11 +18251,11 @@ snapshots:
transitivePeerDependencies:
- aws-crt
'@aws-sdk/client-sts@3.596.0(@aws-sdk/client-sso-oidc@3.596.0)':
'@aws-sdk/client-sts@3.596.0':
dependencies:
'@aws-crypto/sha256-browser': 3.0.0
'@aws-crypto/sha256-js': 3.0.0
'@aws-sdk/client-sso-oidc': 3.596.0
'@aws-sdk/client-sso-oidc': 3.596.0(@aws-sdk/client-sts@3.596.0)
'@aws-sdk/core': 3.592.0
'@aws-sdk/credential-provider-node': 3.596.0(@aws-sdk/client-sso-oidc@3.596.0)(@aws-sdk/client-sts@3.596.0)
'@aws-sdk/middleware-host-header': 3.577.0
@ -18293,7 +18294,6 @@ snapshots:
'@smithy/util-utf8': 3.0.0
tslib: 2.8.1
transitivePeerDependencies:
- '@aws-sdk/client-sso-oidc'
- aws-crt
'@aws-sdk/client-sts@3.723.0':
@ -18444,7 +18444,7 @@ snapshots:
'@aws-sdk/credential-provider-ini@3.596.0(@aws-sdk/client-sso-oidc@3.596.0)(@aws-sdk/client-sts@3.596.0)':
dependencies:
'@aws-sdk/client-sts': 3.596.0(@aws-sdk/client-sso-oidc@3.596.0)
'@aws-sdk/client-sts': 3.596.0
'@aws-sdk/credential-provider-env': 3.587.0
'@aws-sdk/credential-provider-http': 3.596.0
'@aws-sdk/credential-provider-process': 3.587.0
@ -18620,7 +18620,7 @@ snapshots:
'@aws-sdk/credential-provider-web-identity@3.587.0(@aws-sdk/client-sts@3.596.0)':
dependencies:
'@aws-sdk/client-sts': 3.596.0(@aws-sdk/client-sso-oidc@3.596.0)
'@aws-sdk/client-sts': 3.596.0
'@aws-sdk/types': 3.577.0
'@smithy/property-provider': 3.1.11
'@smithy/types': 3.7.2
@ -18915,7 +18915,7 @@ snapshots:
'@aws-sdk/token-providers@3.587.0(@aws-sdk/client-sso-oidc@3.596.0)':
dependencies:
'@aws-sdk/client-sso-oidc': 3.596.0
'@aws-sdk/client-sso-oidc': 3.596.0(@aws-sdk/client-sts@3.596.0)
'@aws-sdk/types': 3.577.0
'@smithy/property-provider': 3.1.11
'@smithy/shared-ini-file-loader': 3.1.12

2
scripts/seed-organization.mts
View file

@ -28,7 +28,7 @@ await PromisePool.withConcurrency(10)
.for(new Array(100).fill(null))
.process(() => org.createProject());
console.log('Create 200 orgainzation members');
console.log('Create 100 organization members');
await PromisePool.withConcurrency(10)
.for(new Array(100).fill(null))
.process(() => org.inviteAndJoinMember());