fix stories

presleyp · presleyp · commit b68b46aa3a02 · 2022-10-27T16:24:03.000Z
diff --git a/site/src/pages/UsersPage/UsersPageView.stories.tsx b/site/src/pages/UsersPage/UsersPageView.stories.tsx
@@ -1,6 +1,7 @@
 import { ComponentMeta, Story } from "@storybook/react"
+import { createPaginationRef } from "components/PaginationWidget/utils"
 import {
-  MockSiteRoles,
+  MockAssignableSiteRoles,
   MockUser,
   MockUser2,
 } from "../../testHelpers/renderHelpers"
@@ -9,6 +10,11 @@ import { UsersPageView, UsersPageViewProps } from "./UsersPageView"
 export default {
   title: "pages/UsersPageView",
   component: UsersPageView,
+  argTypes: {
+    paginationRef: {
+      defaultValue: createPaginationRef({ page: 1, limit: 25 })
+    }
+  }
 } as ComponentMeta<typeof UsersPageView>
 
 const Template: Story<UsersPageViewProps> = (args) => (
@@ -18,8 +24,7 @@ const Template: Story<UsersPageViewProps> = (args) => (
 export const Admin = Template.bind({})
 Admin.args = {
   users: [MockUser, MockUser2],
-  roles: MockSiteRoles,
-  canCreateUser: true,
+  roles: MockAssignableSiteRoles,
   canEditUsers: true,
 }
 
@@ -32,7 +37,7 @@ SmallViewport.parameters = {
 }
 
 export const Member = Template.bind({})
-Member.args = { ...Admin.args, canCreateUser: false, canEditUsers: false }
+Member.args = { ...Admin.args, canEditUsers: false }
 
 export const Empty = Template.bind({})
 Empty.args = { ...Admin.args, users: [] }
diff --git a/site/src/testHelpers/entities.ts b/site/src/testHelpers/entities.ts
@@ -48,8 +48,6 @@ export const MockAuditorRole: TypesGen.Role = {
   display_name: "Auditor",
 }
 
-export const MockSiteRoles = [MockUserAdminRole, MockAuditorRole]
-
 // assignableRole takes a role and a boolean. The boolean implies if the
 // actor can assign (add/remove) the role from other users.
 export function assignableRole(
@@ -62,6 +60,9 @@ export function assignableRole(
   }
 }
 
+export const MockSiteRoles = [MockUserAdminRole, MockAuditorRole]
+export const MockAssignableSiteRoles = [assignableRole(MockUserAdminRole, true), assignableRole(MockAuditorRole, true)]
+
 export const MockMemberPermissions = {
   viewAuditLog: false,
 }

Original file line number	Diff line number	Diff line change
`@@ -48,8 +48,6 @@ export const MockAuditorRole: TypesGen.Role = {`
`48`	`48`	`display_name: "Auditor",`
`49`	`49`	`}`
`50`	`50`
`51`		`-export const MockSiteRoles = [MockUserAdminRole, MockAuditorRole]`
`52`		`-`
`53`	`51`	`// assignableRole takes a role and a boolean. The boolean implies if the`
`54`	`52`	`// actor can assign (add/remove) the role from other users.`
`55`	`53`	`export function assignableRole(`
`@@ -62,6 +60,9 @@ export function assignableRole(`
`62`	`60`	`}`
`63`	`61`	`}`
`64`	`62`
	`63`	`+export const MockSiteRoles = [MockUserAdminRole, MockAuditorRole]`
	`64`	`+export const MockAssignableSiteRoles = [assignableRole(MockUserAdminRole, true), assignableRole(MockAuditorRole, true)]`
	`65`	`+`
`65`	`66`	`export const MockMemberPermissions = {`
`66`	`67`	`viewAuditLog: false,`
`67`	`68`	`}`