diff --git a/apps/web/src/sidebar/graph-configuration/GraphConfiguration.tsx b/apps/web/src/sidebar/graph-configuration/GraphConfiguration.tsx index f6b277558..ea943bc7b 100644 --- a/apps/web/src/sidebar/graph-configuration/GraphConfiguration.tsx +++ b/apps/web/src/sidebar/graph-configuration/GraphConfiguration.tsx @@ -13,6 +13,7 @@ import { import { createFormContext } from "@mantine/form"; import { callUseCase } from "@/store/store"; import { updateConfiguration } from "@/core/network/update-configuration"; +import { useStoreSelect } from "@/store/react-bindings"; const availableLayouts = ["cluster", "hierarchical"] as const; type AvailableLayouts = (typeof availableLayouts)[number]; @@ -94,13 +95,18 @@ function GraphOptions({ layout }: { layout: AvailableLayouts }) { } export function GraphConfiguration() { + const network = useStoreSelect("ui", "network"); const [selectedLayout, setSelectedLayout] = React.useState("cluster"); + React.useEffect(() => { + console.log("mount"); + }, []); + const form = useForm({ initialValues: { layout: { - selected: "cluster", + selected: network?.layout.type, cluster: { spacing_algorithm: "repulsion", node_spacing: 40, @@ -141,8 +147,8 @@ export function GraphConfiguration() { { setSelectedLayout(value as AvailableLayouts); form.getInputProps("layout.selected").onChange(value); diff --git a/apps/web/src/store/react-bindings.ts b/apps/web/src/store/react-bindings.ts index 3d0bb7cdd..d7389bb40 100644 --- a/apps/web/src/store/react-bindings.ts +++ b/apps/web/src/store/react-bindings.ts @@ -1,5 +1,5 @@ import React from "react"; -import { map } from "rxjs"; +import { map, tap } from "rxjs"; import { AppEffects, AppStore, AppStoreInstance } from "./store"; import { AppState } from "./state";