Format

presleyp · presleyp · commit 609af06d8319 · 2022-10-25T18:41:27.000Z
diff --git a/site/src/components/PaginationWidget/PaginationWidget.stories.tsx b/site/src/components/PaginationWidget/PaginationWidget.stories.tsx
@@ -7,18 +7,18 @@ export default {
   component: PaginationWidget,
   argTypes: {
     prevLabel: {
-      defaultValue: "Previous"
+      defaultValue: "Previous",
     },
     nextLabel: {
-      defaultValue: "Next"
+      defaultValue: "Next",
     },
     paginationRef: {
-      defaultValue: createPaginationRef({ page: 1, limit: 12 })
+      defaultValue: createPaginationRef({ page: 1, limit: 12 }),
     },
     numRecords: {
-      defaultValue: 200
-    }
-  }
+      defaultValue: 200,
+    },
+  },
 }
 
 const Template: Story<PaginationWidgetProps> = (
@@ -27,7 +27,7 @@ const Template: Story<PaginationWidgetProps> = (
 
 export const UnknownPageNumbers = Template.bind({})
 UnknownPageNumbers.args = {
-  numRecords: undefined
+  numRecords: undefined,
 }
 
 export const LessThan8Pages = Template.bind({})
@@ -39,15 +39,15 @@ export const MoreThan8Pages = Template.bind({})
 
 export const MoreThan7PagesWithActivePageCloseToStart = Template.bind({})
 MoreThan7PagesWithActivePageCloseToStart.args = {
-  paginationRef: createPaginationRef({ page: 2, limit: 12 })
+  paginationRef: createPaginationRef({ page: 2, limit: 12 }),
 }
 
 export const MoreThan7PagesWithActivePageFarFromBoundaries = Template.bind({})
 MoreThan7PagesWithActivePageFarFromBoundaries.args = {
-  paginationRef: createPaginationRef({ page: 4, limit: 12 })
+  paginationRef: createPaginationRef({ page: 4, limit: 12 }),
 }
 
 export const MoreThan7PagesWithActivePageCloseToEnd = Template.bind({})
 MoreThan7PagesWithActivePageCloseToEnd.args = {
-  paginationRef: createPaginationRef({ page: 17, limit: 12 })
+  paginationRef: createPaginationRef({ page: 17, limit: 12 }),
 }
diff --git a/site/src/components/PaginationWidget/PaginationWidget.tsx b/site/src/components/PaginationWidget/PaginationWidget.tsx
@@ -66,7 +66,12 @@ export const PaginationWidget = ({
           <Cond>
             {buildPagedList(numPages, currentPage).map((page) =>
               typeof page !== "number" ? (
-                <PageButton key={`Page${page}`} activePage={currentPage} placeholder="..." disabled />
+                <PageButton
+                  key={`Page${page}`}
+                  activePage={currentPage}
+                  placeholder="..."
+                  disabled
+                />
               ) : (
                 <PageButton
                   key={`Page${page}`}
diff --git a/site/src/components/PaginationWidget/utils.ts b/site/src/components/PaginationWidget/utils.ts
@@ -97,6 +97,8 @@ export const getPaginationContext = (
 })
 
 // for storybook
-export const createPaginationRef = (context: PaginationContext): PaginationMachineRef => {
+export const createPaginationRef = (
+  context: PaginationContext,
+): PaginationMachineRef => {
   return spawn(paginationMachine.withContext(context))
 }
diff --git a/site/src/pages/AuditPage/AuditPageView.stories.tsx b/site/src/pages/AuditPage/AuditPageView.stories.tsx
@@ -14,9 +14,9 @@ export default {
       defaultValue: 1000,
     },
     paginationRef: {
-      defaultValue: createPaginationRef({ page: 1, limit: 25 })
-    }
-  }
+      defaultValue: createPaginationRef({ page: 1, limit: 25 }),
+    },
+  },
 } as ComponentMeta<typeof AuditPageView>
 
 const Template: Story<AuditPageViewProps> = (args) => (
diff --git a/site/src/pages/WorkspacesPage/WorkspacesPageView.stories.tsx b/site/src/pages/WorkspacesPage/WorkspacesPageView.stories.tsx
@@ -89,7 +89,7 @@ export default {
   component: WorkspacesPageView,
   argTypes: {
     paginationRef: {
-      defaultValue: createPaginationRef({ page: 1, limit: 25 })
+      defaultValue: createPaginationRef({ page: 1, limit: 25 }),
     },
     workspaceRefs: {
       options: [

Original file line number	Diff line number	Diff line change
`@@ -97,6 +97,8 @@ export const getPaginationContext = (`
`97`	`97`	`})`
`98`	`98`
`99`	`99`	`// for storybook`
`100`		`-export const createPaginationRef = (context: PaginationContext): PaginationMachineRef => {`
	`100`	`+export const createPaginationRef = (`
	`101`	`+ context: PaginationContext,`
	`102`	`+): PaginationMachineRef => {`
`101`	`103`	`return spawn(paginationMachine.withContext(context))`
`102`	`104`	`}`