Results successfully rendered in Dialog modal

brosmar18 · Jan 30, 2024 · 1b2d18f · 1b2d18f
1 parent f357271
commit 1b2d18f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/src/Components/Results/Results.scss b/src/Components/Results/Results.scss
@@ -1,5 +1,4 @@
 .results {
-    grid-area: results;
     background-color: #01010f;
     border: 1px solid #e1e1e1;
     border-radius: 5px;

diff --git a/src/Components/ResultsModal/index.jsx b/src/Components/ResultsModal/index.jsx
@@ -1,21 +1,19 @@
-import {
-  Dialog,
-  DialogContent,
-  DialogTrigger,
-} from "../ui/dialog";
-import JsonView from 'react18-json-view';
-import 'react18-json-view/src/style.css'; 
+import { Dialog, DialogContent, DialogTrigger } from "../ui/dialog";
+import JsonView from "react18-json-view";
+import "react18-json-view/src/style.css";
+import "./ResultsModal.scss";
+import { Button } from "@/components/ui/button";
 
 const ResultsModal = ({ results }) => {
   return (
     <Dialog>
       <DialogTrigger>
-        <span data-testid="form-trigger" className="trigger">
-          See Results
-        </span>
+        <Button variant="secondary">See Reults</Button>
       </DialogTrigger>
-      <DialogContent data-testid="form-content">
-        <JsonView src={results} theme="atom" />
+      <DialogContent>
+        <div className="max-h-[80vh] max-w-[80vw] overflow-auto">
+          <JsonView src={results} theme="atom" />
+        </div>
       </DialogContent>
     </Dialog>
   );