From cfadae4df38568527a96028714adc88e72ec8987 Mon Sep 17 00:00:00 2001
From: TekH <h.tek@digitaldata.works>
Date: Tue, 15 Jul 2025 12:37:48 +0200
Subject: [PATCH] feat(json-viewer): create to view json data

---
 .../dd-hub-react/src/common/json-viewer.tsx   | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/client/dd-hub-react/src/common/json-viewer.tsx

diff --git a/src/client/dd-hub-react/src/common/json-viewer.tsx b/src/client/dd-hub-react/src/common/json-viewer.tsx
new file mode 100644
index 0000000..5762fa3
--- /dev/null
+++ b/src/client/dd-hub-react/src/common/json-viewer.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+type JsonViewerProps = {
+  data: any;
+};
+
+export function JsonViewer({ data }: JsonViewerProps) {
+  console.log (JSON.stringify(data));
+  return (
+    <pre style={{
+      backgroundColor: '#f4f4f4',
+      padding: '1rem',
+      borderRadius: '5px',
+      width: '100%',
+      height: '100%'
+    }}>
+      {JSON.stringify(data)}
+    </pre>
+  );
+}