fix: prevent UI from jumping around when selecting workspaces (coder#11321)

Parkreiner · web-flow · commit 167c15238ac6 · 2023-12-21T22:36:42.000Z
diff --git a/site/src/components/PaginationWidget/PaginationHeader.tsx b/site/src/components/PaginationWidget/PaginationHeader.tsx
@@ -7,13 +7,18 @@ type PaginationHeaderProps = {
   limit: number;
   totalRecords: number | undefined;
   currentOffsetStart: number | undefined;
+
+  // Temporary escape hatch until Workspaces can be switched over to using
+  // PaginationContainer
+  className?: string;
 };
 
 export const PaginationHeader: FC<PaginationHeaderProps> = ({
   paginationUnitLabel,
   limit,
   totalRecords,
   currentOffsetStart,
+  className,
 }) => {
   const theme = useTheme();
 
@@ -32,6 +37,7 @@ export const PaginationHeader: FC<PaginationHeaderProps> = ({
           color: theme.palette.text.primary,
         },
       }}
+      className={className}
     >
       {totalRecords !== undefined ? (
         <>
diff --git a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx
@@ -162,6 +162,7 @@ export const WorkspacesPageView = ({
             limit={limit}
             totalRecords={count}
             currentOffsetStart={(page - 1) * limit + 1}
+            css={{ paddingBottom: "0" }}
           />
         )}
       </TableToolbar>
