| gio | 4b9b58a | 2025-05-12 11:46:08 +0000 | [diff] [blame^] | 1 | import { useStateStore } from "./lib/state"; |
| gio | 5f2f100 | 2025-03-20 18:38:48 +0400 | [diff] [blame] | 2 | import { generateDodoConfig } from "./lib/config"; |
| gio | 880de16 | 2025-05-11 07:26:00 +0000 | [diff] [blame] | 3 | import JSONView from "@microlink/react-json-view"; |
| gio | 5f2f100 | 2025-03-20 18:38:48 +0400 | [diff] [blame] | 4 | |
| 5 | export function Config() { |
| gio | 4b9b58a | 2025-05-12 11:46:08 +0000 | [diff] [blame^] | 6 | const store = useStateStore(); |
| gio | d002661 | 2025-05-08 13:00:36 +0000 | [diff] [blame] | 7 | return ( |
| gio | bc47f9f | 2025-05-12 08:31:07 +0000 | [diff] [blame] | 8 | <div className="h-full p-4 bg-muted rounded-lg overflow-auto"> |
| 9 | <JSONView |
| gio | 4b9b58a | 2025-05-12 11:46:08 +0000 | [diff] [blame^] | 10 | src={generateDodoConfig(store.projectId, store.nodes, store.env) as object} |
| gio | bc47f9f | 2025-05-12 08:31:07 +0000 | [diff] [blame] | 11 | theme="rjv-default" |
| 12 | name={false} |
| 13 | displayDataTypes={false} |
| 14 | enableClipboard={true} |
| 15 | style={{ fontFamily: "JetBrains Mono" }} |
| 16 | /> |
| 17 | </div> |
| gio | d002661 | 2025-05-08 13:00:36 +0000 | [diff] [blame] | 18 | ); |
| 19 | } |