fix: long errors overflowing

quarylabs · May 7, 2024 · 6c4d0f8 · 6c4d0f8
1 parent 2e03ac0
commit 6c4d0f8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/js/packages/quary-extension-ui/src/components/Warning.stories.tsx b/js/packages/quary-extension-ui/src/components/Warning.stories.tsx
@@ -16,3 +16,14 @@ export const Main: Story = {
       'Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam quo totam eius aperiam dolorum.',
   },
 }
+
+export const LongError: Story = {
+  args: {
+    title: 'Attention needed',
+    children:
+    `Error reading .schema file: Failed to await js function: JsValue(EntryNotFound (FileSystemError): Error: ENOENT: no such file or directory, open '/Users/louisjordan/Desktop/analysis/quary_jaffle_shop/models/staging/schema.yaml'
+    EntryNotFound (FileSystemError): Error: ENOENT: no such file or directory, open '/Users/louisjordan/Desktop/analysis/quary_jaffle_shop/models/staging/schema.yaml'
+        at Function.e (/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/api/node/extensionHostProcess.js:149:6084)
+        at Object.readFile (/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/api/node/extensionHostProcess.js:149:4463))`,
+  },
+}
diff --git a/js/packages/quary-extension-ui/src/components/Warning.tsx b/js/packages/quary-extension-ui/src/components/Warning.tsx
@@ -9,7 +9,7 @@ export const Warning: React.FC<React.PropsWithChildren<Props>> = ({
   children,
   title,
 }) => (
-  <div className="bg-vscode-inputValidation-warningBackground rounded-md p-4">
+  <div className="bg-vscode-inputValidation-warningBackground rounded-md p-4 overflow-auto">
     <div className="flex">
       <div className="flex-shrink-0">
         <ExclamationTriangleIcon