fix: application list item store not separated

This commit is contained in:
2025-01-26 18:06:46 +00:00
parent e367182dfa
commit fd2c3f118e
3 changed files with 112 additions and 66 deletions

View File

@@ -4,7 +4,7 @@ import Chart from "react-google-charts"
import { Button } from "~/components/button"
import { ApplicationList } from "~/home/application-list"
import type { Node } from "~/home/graph"
import { useStore } from "~/home/store"
import { useRootStore } from "~/home/store"
import { Queue } from "~/queue"
import { useUiMode } from "~/use-ui-mode"
@@ -35,8 +35,8 @@ export default function Home() {
}
function FlufferChart() {
const nodes = useStore((state) => state.nodes)
const starts = useStore((state) => state.starts)
const nodes = useRootStore((state) => state.nodes)
const starts = useRootStore((state) => state.starts)
const uiMode = useUiMode()
const data = useMemo(() => {
@@ -86,8 +86,8 @@ function FlufferChart() {
function AddApplicationForm() {
const [isAddingEntry, setIsAddingEntry] = useState(false)
const addEntry = useStore((state) => state.addEntry)
const hasEntry = useStore((state) => state.hasEntry)
const addEntry = useRootStore((state) => state.addEntry)
const hasEntry = useRootStore((state) => state.hasEntry)
const inputRef = useRef<HTMLInputElement | null>(null)
useEffect(() => {