All errors should be on newlines

Emyrk · Emyrk · commit 9d992b03dc53 · 2023-03-01T12:33:00.000-06:00
diff --git a/site/src/components/SearchBarWithFilter/SearchBarWithFilter.tsx b/site/src/components/SearchBarWithFilter/SearchBarWithFilter.tsx
@@ -12,6 +12,7 @@ import { useCallback, useRef, useState } from "react"
 import { getValidationErrorMessage } from "../../api/errors"
 import { CloseDropdown, OpenDropdown } from "../DropdownArrows/DropdownArrows"
 import { Stack } from "../Stack/Stack"
+import { combineClasses } from "../../util/combineClasses"
 
 export const Language = {
   filterName: "Filters",
@@ -144,7 +145,11 @@ export const SearchBarWithFilter: React.FC<
         ) : null}
       </Stack>
       {errorMessage && (
-        <Stack className={styles.errorRoot}>{errorMessage}</Stack>
+        <Stack
+          className={combineClasses([styles.errorRoot, styles.newlineStyle])}
+        >
+          {errorMessage}
+        </Stack>
       )}
     </Stack>
   )
@@ -200,4 +205,7 @@ const useStyles = makeStyles<Theme, StyleProps>((theme) => ({
   searchIcon: {
     color: theme.palette.text.secondary,
   },
+  newlineStyle: {
+    whiteSpace: "pre-wrap",
+  },
 }))
