The recipes.blue monorepo
recipes.blue
recipes
appview
atproto
fix: resolve build fails
+28
-37
+2
-2
apps/web/src/queries/recipe.ts
+2
-2
apps/web/src/queries/recipe.ts
···
11
11
export const RQKEY = (cursor: string, did: string, rkey: string) => [RQKEY_ROOT, cursor, did, rkey];
12
12
13
13
export const useRecipesQuery = (cursor: string, did?: string) => {
14
-
const { rpc } = useXrpc();
14
+
const rpc = useXrpc();
15
15
return useQuery({
16
16
queryKey: RQKEY(cursor, did ?? '', ''),
17
17
queryFn: async () => {
···
43
43
};
44
44
45
45
export const useRecipeQuery = (did: string, rkey: string) => {
46
-
const { rpc } = useXrpc();
46
+
const rpc = useXrpc();
47
47
return useQuery(recipeQueryOptions(rpc, did, rkey));
48
48
};
49
49
+17
-12
apps/web/src/queries/self.ts
+17
-12
apps/web/src/queries/self.ts
···
1
-
import { AppBskyActorGetProfile } from "@atcute/client/lexicons";
1
+
import { useXrpc } from "@/hooks/use-xrpc";
2
+
import { useAuth } from "@/state/auth";
3
+
import { AppBskyActorProfile } from "@atcute/client/lexicons";
4
+
import { At } from "@atcute/client/lexicons";
2
5
import { useQuery } from "@tanstack/react-query";
3
-
import axios, { AxiosError } from "axios";
4
6
5
7
export const useUserQuery = () => {
8
+
const { isLoggedIn, agent } = useAuth();
9
+
const rpc = useXrpc(agent);
10
+
6
11
return useQuery({
7
12
queryKey: ['self'],
8
13
queryFn: async () => {
9
-
try {
10
-
const res = await axios.get<AppBskyActorGetProfile.Output>('/oauth/me');
11
-
return res.data;
12
-
} catch(err) {
13
-
if (err instanceof AxiosError && err.status == 401) {
14
-
// If we get a 401, we're just unauthenticated.
15
-
return null;
16
-
}
17
-
throw err;
18
-
}
14
+
const res = await rpc.get('com.atproto.repo.getRecord', {
15
+
params: {
16
+
repo: agent?.sub as At.DID,
17
+
collection: 'app.bsky.actor.profile',
18
+
rkey: 'self',
19
+
},
20
+
});
21
+
22
+
return res.data.value as AppBskyActorProfile.Record;
19
23
},
24
+
enabled: isLoggedIn,
20
25
});
21
26
}