From 1a786ab40de0be821c9fe2a51a756a762374d132 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
Date: Wed, 19 Mar 2025 21:34:17 -0300
Subject: [PATCH] fix: remove search and adjust color and height of json viewer
 (#7140)

* Updated color of header

* Removed filter and made json full height
---
 .../src/components/core/jsonEditor/index.tsx         | 12 ++++--------
 src/frontend/src/style/index.css                     |  2 +-
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/frontend/src/components/core/jsonEditor/index.tsx b/src/frontend/src/components/core/jsonEditor/index.tsx
index 28ab909ee..ac8e99e44 100644
--- a/src/frontend/src/components/core/jsonEditor/index.tsx
+++ b/src/frontend/src/components/core/jsonEditor/index.tsx
@@ -1,6 +1,4 @@
 import { jsonquery } from "@jsonquerylang/jsonquery";
-import { edit } from "ace-builds";
-import { Check } from "lucide-react";
 import { KeyboardEvent, useEffect, useRef, useState } from "react";
 import {
   Content,
@@ -9,8 +7,6 @@ import {
 } from "vanilla-jsoneditor";
 import useAlertStore from "../../../stores/alertStore";
 import { cn } from "../../../utils/utils";
-import { Button } from "../../ui/button";
-import { Input } from "../../ui/input";
 
 interface JsonEditorProps {
   data?: Content;
@@ -371,7 +367,7 @@ const JsonEditor = ({
 
   return (
     <div className="flex min-h-0 flex-1 flex-col">
-      {allowFilter && (
+      {/* {allowFilter && (
         <div className="mb-2 flex shrink-0 gap-2">
           <Input
             placeholder="Enter path (e.g. users[0].name) or JSONQuery (e.g. .users | filter(.age > 25))"
@@ -406,9 +402,9 @@ const JsonEditor = ({
             Clear
           </Button>
         </div>
-      )}
-      <div className="relative min-h-0 flex-1">
-        <div ref={containerRef} className={cn("absolute inset-0", className)} />
+      )} */}
+      <div className="relative h-full min-h-0 flex-1">
+        <div ref={containerRef} className={cn("!h-full w-full", className)} />
       </div>
     </div>
   );
diff --git a/src/frontend/src/style/index.css b/src/frontend/src/style/index.css
index b5655b992..8ef741ab2 100644
--- a/src/frontend/src/style/index.css
+++ b/src/frontend/src/style/index.css
@@ -44,7 +44,7 @@
     --tooltip: 0 0% 0%; /* hsl(0, 0%, 0%) */
     --tooltip-foreground: 0 0% 100%; /* hsl(0, 0%, 100%) */
 
-    --jse-theme-color: hsl(0, 0%, 100%);
+    --jse-theme-color: hsl(240, 5%, 96%);
     --jse-theme-color-highlight: hsl(240, 6%, 90%);
     --jse-menu-color: hsl(0, 0%, 0%);
     --jse-main-border: hsl(240, 6%, 90%);