chore: Add OverflowY component

Parkreiner · Parkreiner · commit f0a2aaefd776 · 2023-10-03T12:20:08.000Z
diff --git a/site/src/components/WorkspacesButton/OverflowY.tsx b/site/src/components/WorkspacesButton/OverflowY.tsx
@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+import { type SystemStyleObject } from "@mui/system";
+import Box from "@mui/system/Box";
+
+type Props = {
+  children: ReactNode;
+  height?: number;
+  maxHeight?: number;
+  sx?: SystemStyleObject;
+};
+
+export function OverflowY({ children, height, maxHeight, sx }: Props) {
+  const computedHeight = height === undefined ? "100%" : `${height}px`;
+
+  // Doing Math.max check to catch cases where height is accidentally larger
+  // than maxHeight
+  const computedMaxHeight =
+    maxHeight === undefined
+      ? computedHeight
+      : `${Math.max(height ?? 0, maxHeight)}px`;
+
+  return (
+    <Box
+      sx={{
+        width: "100%",
+        height: computedHeight,
+        maxHeight: computedMaxHeight,
+        overflowY: "auto",
+        ...sx,
+      }}
+    >
+      {children}
+    </Box>
+  );
+}
