···

       
7
       
 
       
    useOAuthSessionGuaranteed,

     

       
8
       
 
       
} from "@/providers/OAuthProvider";

     

       
9
       
 
       
import { useCurrentPalette } from "@/providers/ThemeProvider";

     

       
0
       
 
       

     

       
10
       
 
       
import { useMutation, useQueryClient } from "@tanstack/react-query";

     

       
11
       
 
       
import type { Dispatch, SetStateAction } from "react";

     

       
12
       
 
       
import { useState } from "react";

     
···

       
26
       
 
       
    const agent = useOAuthAgentGuaranteed();

     

       
27
       
 
       
    const session = useOAuthSessionGuaranteed();

     

       
28
       
 
       
    const queryClient = useQueryClient();

     

       
0
       
 
       

     

       
29
       
 
       
    const { mutate: newLatticeMutation, isPending: mutationPending } =

     

       
30
       
 
       
        useMutation({

     

       
31
       
 
       
            mutationFn: async () => {

     
···

       
46
       
 
       
            },

     

       
47
       
 
       
            onSuccess: async () => {

     

       
48
       
 
       
                await queryClient.invalidateQueries({

     

       
49
       
-
       
                    queryKey: ["lattice", session.did],

     

       
50
       
 
       
                });

     

       
51
       
 
       
                setShowRegisterModal(false);

     

       
52
       
 
       
            },

     

···

       
7
       
 
       
    useOAuthSessionGuaranteed,

     

       
8
       
 
       
} from "@/providers/OAuthProvider";

     

       
9
       
 
       
import { useCurrentPalette } from "@/providers/ThemeProvider";

     

       
10
       
+
       
import { useLatticesQuery } from "@/queries/hooks/useLatticesQuery";

     

       
11
       
 
       
import { useMutation, useQueryClient } from "@tanstack/react-query";

     

       
12
       
 
       
import type { Dispatch, SetStateAction } from "react";

     

       
13
       
 
       
import { useState } from "react";

     
···

       
27
       
 
       
    const agent = useOAuthAgentGuaranteed();

     

       
28
       
 
       
    const session = useOAuthSessionGuaranteed();

     

       
29
       
 
       
    const queryClient = useQueryClient();

     

       
30
       
+
       
    const { queryKey: latticesQueryKey } = useLatticesQuery(session);

     

       
31
       
 
       
    const { mutate: newLatticeMutation, isPending: mutationPending } =

     

       
32
       
 
       
        useMutation({

     

       
33
       
 
       
            mutationFn: async () => {

     
···

       
48
       
 
       
            },

     

       
49
       
 
       
            onSuccess: async () => {

     

       
50
       
 
       
                await queryClient.invalidateQueries({

     

       
51
       
+
       
                    queryKey: latticesQueryKey,

     

       
52
       
 
       
                });

     

       
53
       
 
       
                setShowRegisterModal(false);

     

       
54
       
 
       
            },

     

···

       
7
       
 
       
    useOAuthSessionGuaranteed,

     

       
8
       
 
       
} from "@/providers/OAuthProvider";

     

       
9
       
 
       
import { useCurrentPalette } from "@/providers/ThemeProvider";

     

       
0
       
 
       

     

       
10
       
 
       
import { useMutation, useQueryClient } from "@tanstack/react-query";

     

       
11
       
 
       
import type { Dispatch, SetStateAction } from "react";

     

       
12
       
 
       
import { useState } from "react";

     
···

       
26
       
 
       
    const agent = useOAuthAgentGuaranteed();

     

       
27
       
 
       
    const session = useOAuthSessionGuaranteed();

     

       
28
       
 
       
    const queryClient = useQueryClient();

     

       
0
       
 
       

     

       
29
       
 
       
    const { mutate: newShardMutation, isPending: mutationPending } =

     

       
30
       
 
       
        useMutation({

     

       
31
       
 
       
            mutationFn: async () => {

     
···

       
46
       
 
       
            },

     

       
47
       
 
       
            onSuccess: async () => {

     

       
48
       
 
       
                await queryClient.invalidateQueries({

     

       
49
       
-
       
                    queryKey: ["shard", session.did],

     

       
50
       
 
       
                });

     

       
51
       
 
       
                setShowRegisterModal(false);

     

       
52
       
 
       
            },

     

···

       
7
       
 
       
    useOAuthSessionGuaranteed,

     

       
8
       
 
       
} from "@/providers/OAuthProvider";

     

       
9
       
 
       
import { useCurrentPalette } from "@/providers/ThemeProvider";

     

       
10
       
+
       
import { useShardsQuery } from "@/queries/hooks/useShardsQuery";

     

       
11
       
 
       
import { useMutation, useQueryClient } from "@tanstack/react-query";

     

       
12
       
 
       
import type { Dispatch, SetStateAction } from "react";

     

       
13
       
 
       
import { useState } from "react";

     
···

       
27
       
 
       
    const agent = useOAuthAgentGuaranteed();

     

       
28
       
 
       
    const session = useOAuthSessionGuaranteed();

     

       
29
       
 
       
    const queryClient = useQueryClient();

     

       
30
       
+
       
    const { queryKey: shardsQueryKey } = useShardsQuery(session)

     

       
31
       
 
       
    const { mutate: newShardMutation, isPending: mutationPending } =

     

       
32
       
 
       
        useMutation({

     

       
33
       
 
       
            mutationFn: async () => {

     
···

       
48
       
 
       
            },

     

       
49
       
 
       
            onSuccess: async () => {

     

       
50
       
 
       
                await queryClient.invalidateQueries({

     

       
51
       
+
       
                    queryKey: shardsQueryKey,

     

       
52
       
 
       
                });

     

       
53
       
 
       
                setShowRegisterModal(false);

     

       
54
       
 
       
            },