commit 15d47c4a59dd1ac9a0f5439604d726693b0afefe · gmstn.systems/gemstone-app

+3 -9

src/components/Settings/LatticeInfo.tsx

···

       3
       3
        
       import type { AtUri } from "@/lib/types/atproto";

     

       4
       4
        
       import type { SystemsGmstnDevelopmentLattice } from "@/lib/types/lexicon/systems.gmstn.development.lattice";

     

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

     

       6
       6
       -
       import { getOwnerInfoFromLattice } from "@/queries/get-owner-info-from-lattice";

     

       7
       7
       -
       import { useQuery } from "@tanstack/react-query";

     

       6
       6
       +
       import { useLatticeInfoQuery } from "@/queries/hooks/useLatticeInfoQuery";

     

       8
       7
        
       import { BadgeCheck, X } from "lucide-react-native";

     

       9
       8
        
       import { View } from "react-native";

     

       10
       9
        
       

     
···

       17
       16
        
           };

     

       18
       17
        
       }) => {

     

       19
       18
        
           const latticeDomain = lattice.uri.rKey;

     

       20
       20
       -
           const { isLoading, data: latticeInfo } = useQuery({

     

       21
       21
       -
               queryKey: ["shardInfo", latticeDomain],

     

       22
       22
       -
               queryFn: async () => {

     

       23
       23
       -
                   return await getOwnerInfoFromLattice(latticeDomain);

     

       24
       24
       -
               },

     

       25
       25
       -
               retry: 1,

     

       26
       26
       -
           });

     

       19
       19
       +
           const { useQuery } = useLatticeInfoQuery(latticeDomain);

     

       20
       20
       +
           const { isLoading, data: latticeInfo } = useQuery();

     

       27
       21
        
           const { semantic } = useCurrentPalette();

     

       28
       22
        
       

     

       29
       23
        
           return (

+3 -9

src/components/Settings/ShardInfo.tsx

···

       3
       3
        
       import type { AtUri } from "@/lib/types/atproto";

     

       4
       4
        
       import type { SystemsGmstnDevelopmentShard } from "@/lib/types/lexicon/systems.gmstn.development.shard";

     

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

     

       6
       6
       -
       import { getOwnerInfoFromShard } from "@/queries/get-owner-info-from-shard";

     

       7
       7
       -
       import { useQuery } from "@tanstack/react-query";

     

       6
       6
       +
       import { useShardInfoQuery } from "@/queries/hooks/useShardInfoQuery";

     

       8
       7
        
       import { BadgeCheck, X } from "lucide-react-native";

     

       9
       8
        
       import { View } from "react-native";

     

       10
       9
        
       

     
···

       17
       16
        
           };

     

       18
       17
        
       }) => {

     

       19
       18
        
           const shardDomain = shard.uri.rKey;

     

       20
       20
       -
           const { isLoading, data: shardInfo } = useQuery({

     

       21
       21
       -
               queryKey: ["shardInfo", shardDomain],

     

       22
       22
       -
               queryFn: async () => {

     

       23
       23
       -
                   return await getOwnerInfoFromShard(shardDomain);

     

       24
       24
       -
               },

     

       25
       25
       -
               retry: 1,

     

       26
       26
       -
           });

     

       19
       19
       +
           const { useQuery } = useShardInfoQuery(shardDomain);

     

       20
       20
       +
           const { isLoading, data: shardInfo } = useQuery();

     

       27
       21
        
           const { semantic } = useCurrentPalette();

     

       28
       22
        
       

     

       29
       23
        
           return (

+17

src/queries/hooks/useLatticeInfoQuery.ts

···

       1
       1
       +
       import { getOwnerInfoFromLattice } from "@/queries/get-owner-info-from-lattice";

     

       2
       2
       +
       import { useQuery } from "@tanstack/react-query";

     

       3
       3
       +
       

     

       4
       4
       +
       export const useLatticeInfoQuery = (latticeDomain: string) => {

     

       5
       5
       +
           const queryKey = ["latticeInfo", latticeDomain];

     

       6
       6
       +
           return {

     

       7
       7
       +
               queryKey,

     

       8
       8
       +
               useQuery: () =>

     

       9
       9
       +
                   useQuery({

     

       10
       10
       +
                       queryKey,

     

       11
       11
       +
                       queryFn: async () => {

     

       12
       12
       +
                           return await getOwnerInfoFromLattice(latticeDomain);

     

       13
       13
       +
                       },

     

       14
       14
       +
                       retry: 1,

     

       15
       15
       +
                   }),

     

       16
       16
       +
           };

     

       17
       17
       +
       };

+17

src/queries/hooks/useShardInfoQuery.ts

···

       1
       1
       +
       import { getOwnerInfoFromShard } from "@/queries/get-owner-info-from-shard";

     

       2
       2
       +
       import { useQuery } from "@tanstack/react-query";

     

       3
       3
       +
       

     

       4
       4
       +
       export const useShardInfoQuery = (shardDomain: string) => {

     

       5
       5
       +
           const queryKey = ["shardInfo", shardDomain];

     

       6
       6
       +
           return {

     

       7
       7
       +
               queryKey,

     

       8
       8
       +
               useQuery: () =>

     

       9
       9
       +
                   useQuery({

     

       10
       10
       +
                       queryKey,

     

       11
       11
       +
                       queryFn: async () => {

     

       12
       12
       +
                           return await getOwnerInfoFromShard(shardDomain);

     

       13
       13
       +
                       },

     

       14
       14
       +
                       retry: 1,

     

       15
       15
       +
                   }),

     

       16
       16
       +
           };

     

       17
       17
       +
       };