···

       
1
       
1
       
-
       
import type { DidPlc } from "@/lib/types/atproto";

     

       
1
       
1
       
+
       
import type { Did } from "@/lib/types/atproto";

     

       
2
       
2
       
 
       
import { getBskyProfile } from "@/queries/get-profile";

     

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

     

       
4
       
4
       
 
       
import React from "react";

     

       
5
       
5
       
 
       
import { Image, View, Text, StyleSheet } from "react-native";

     

       
6
       
6
       
 
       


     

       
7
       
7
       
-
       
export const Avatar = React.memo(({ did }: { did: DidPlc }) => {

     

       
7
       
7
       
+
       
export const Avatar = React.memo(({ did }: { did: Did }) => {

     

       
8
       
8
       
 
       
    const {

     

       
9
       
9
       
 
       
        data: profile,

     

       
10
       
10
       
 
       
        isPending,

     

···

       
5
       
5
       
 
       
export const Message = ({ message }: { message: ShardMessage }) => {

     

       
6
       
6
       
 
       
    return (

     

       
7
       
7
       
 
       
        <View style={styles.messageItemContainer}>

     

       
8
       
8
       
-
       
            <Avatar did={message.did} />

     

       
8
       
8
       
+
       
            <Avatar did={message.sentBy} />

     

       
9
       
9
       
 
       
            <View style={styles.messageItem}>

     

       
10
       
10
       
-
       
                <Text style={styles.messageText}>{message.text}</Text>

     

       
10
       
10
       
+
       
                <Text style={styles.messageText}>{message.content}</Text>

     

       
11
       
11
       
 
       
                <Text style={styles.timestamp}>

     

       
12
       
12
       
-
       
                    {new Date(message.timestamp).toLocaleTimeString()}

     

       
12
       
12
       
+
       
                    {new Date(message.sentAt).toLocaleTimeString()}

     

       
13
       
13
       
 
       
                </Text>

     

       
14
       
14
       
 
       
            </View>

     

       
15
       
15
       
 
       
        </View>

     

···

       
1
       
1
       
-
       
import type { DidPlc, DidWeb } from "@/lib/types/atproto";

     

       
1
       
1
       
+
       
import type { Did, DidPlc, DidWeb } from "@/lib/types/atproto";

     

       
2
       
2
       
 
       
import { bskyClient } from "@/lib/utils/atproto/client";

     

       
3
       
3
       
 
       


     

       
4
       
4
       
-
       
export const getBskyProfile = async (did: DidPlc | DidWeb) => {

     

       
4
       
4
       
+
       
export const getBskyProfile = async (did: Did) => {

     

       
5
       
5
       
 
       
    const { ok, data } = await bskyClient.get("app.bsky.actor.getProfile", {

     

       
6
       
6
       
 
       
        params: {

     

       
7
       
7
       
 
       
            actor: did,