@shipfox/client-workspace-settings 16.0.0 → 21.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@shipfox/client-workspace-settings",
3
3
  "license": "MIT",
4
- "version": "16.0.0",
4
+ "version": "21.0.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+https://github.com/ShipfoxHQ/shipfox.git",
@@ -29,10 +29,10 @@
29
29
  "@tanstack/react-form": "^1.32.0",
30
30
  "@shipfox/api-workspaces-dto": "12.0.0",
31
31
  "@shipfox/client-api": "6.0.1",
32
- "@shipfox/client-auth": "16.0.0",
33
- "@shipfox/client-shell": "16.0.0",
34
- "@shipfox/client-ui": "16.0.0",
35
- "@shipfox/react-ui": "1.1.0"
32
+ "@shipfox/client-auth": "21.0.0",
33
+ "@shipfox/client-shell": "21.0.0",
34
+ "@shipfox/react-ui": "2.0.0",
35
+ "@shipfox/client-ui": "21.0.0"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "@tanstack/react-query": "^5.101.0",
@@ -16,6 +16,7 @@ import {
16
16
  ModalTitle,
17
17
  ModalTrigger,
18
18
  } from '@shipfox/react-ui/modal';
19
+ import {Panel} from '@shipfox/react-ui/panel';
19
20
  import {Skeleton} from '@shipfox/react-ui/skeleton';
20
21
  import {
21
22
  Table,
@@ -88,28 +89,30 @@ function MembersSection({
88
89
  ) : null}
89
90
 
90
91
  {members.length > 0 ? (
91
- <Table>
92
- <TableHeader>
93
- <TableRow>
94
- <TableHead>Name</TableHead>
95
- <TableHead>Email</TableHead>
96
- <TableHead>Joined</TableHead>
97
- <TableHead className="w-80 text-right">Actions</TableHead>
98
- </TableRow>
99
- </TableHeader>
100
- <TableBody>
101
- {members.map((member) => (
102
- <MemberRow
103
- key={member.id}
104
- member={member}
105
- members={members}
106
- currentUserId={auth.user?.id}
107
- workspaceId={workspaceId}
108
- workspaceName={workspaceName}
109
- />
110
- ))}
111
- </TableBody>
112
- </Table>
92
+ <Panel>
93
+ <Table>
94
+ <TableHeader>
95
+ <TableRow>
96
+ <TableHead>Name</TableHead>
97
+ <TableHead>Email</TableHead>
98
+ <TableHead>Joined</TableHead>
99
+ <TableHead className="w-80 text-right">Actions</TableHead>
100
+ </TableRow>
101
+ </TableHeader>
102
+ <TableBody>
103
+ {members.map((member) => (
104
+ <MemberRow
105
+ key={member.id}
106
+ member={member}
107
+ members={members}
108
+ currentUserId={auth.user?.id}
109
+ workspaceId={workspaceId}
110
+ workspaceName={workspaceName}
111
+ />
112
+ ))}
113
+ </TableBody>
114
+ </Table>
115
+ </Panel>
113
116
  ) : null}
114
117
  </section>
115
118
  );
@@ -233,25 +236,27 @@ function PendingInvitationsSection({
233
236
  {query.data !== undefined && invitations.length === 0 ? <EmptyInvitations /> : null}
234
237
 
235
238
  {invitations.length > 0 ? (
236
- <Table>
237
- <TableHeader>
238
- <TableRow>
239
- <TableHead>Email</TableHead>
240
- <TableHead>Invited by</TableHead>
241
- <TableHead>Expires</TableHead>
242
- <TableHead className="w-80 text-right">Actions</TableHead>
243
- </TableRow>
244
- </TableHeader>
245
- <TableBody>
246
- {invitations.map((invitation) => (
247
- <InvitationRow
248
- key={invitation.id}
249
- invitation={invitation}
250
- workspaceId={workspaceId}
251
- />
252
- ))}
253
- </TableBody>
254
- </Table>
239
+ <Panel>
240
+ <Table>
241
+ <TableHeader>
242
+ <TableRow>
243
+ <TableHead>Email</TableHead>
244
+ <TableHead>Invited by</TableHead>
245
+ <TableHead>Expires</TableHead>
246
+ <TableHead className="w-80 text-right">Actions</TableHead>
247
+ </TableRow>
248
+ </TableHeader>
249
+ <TableBody>
250
+ {invitations.map((invitation) => (
251
+ <InvitationRow
252
+ key={invitation.id}
253
+ invitation={invitation}
254
+ workspaceId={workspaceId}
255
+ />
256
+ ))}
257
+ </TableBody>
258
+ </Table>
259
+ </Panel>
255
260
  ) : null}
256
261
  </section>
257
262
  );
@@ -1,4 +1,7 @@
1
1
  import {defineRoute} from '@shipfox/client-shell/runtime';
2
2
  import {GeneralSettingsPage} from '#pages/general-settings-page.js';
3
3
 
4
- export default defineRoute({component: GeneralSettingsPage});
4
+ export default defineRoute({
5
+ staticData: {frame: 'content'},
6
+ component: GeneralSettingsPage,
7
+ });
@@ -2,6 +2,7 @@ import {defineRoute} from '@shipfox/client-shell/runtime';
2
2
  import {redirect} from '@tanstack/react-router';
3
3
 
4
4
  export default defineRoute({
5
+ staticData: {frame: 'content'},
5
6
  beforeLoad: ({params}: {params: {workspaceSlug: string}}) => {
6
7
  throw redirect({
7
8
  to: '/w/$workspaceSlug/settings/members',
@@ -1,3 +1,6 @@
1
1
  import {defineRoute} from '@shipfox/client-shell/runtime';
2
2
  import {MembersSettingsPage} from '#pages/members-settings-page.js';
3
- export default defineRoute({component: MembersSettingsPage});
3
+ export default defineRoute({
4
+ staticData: {frame: 'content'},
5
+ component: MembersSettingsPage,
6
+ });