Edward Allen
@edwardallenthree.bsky.social
959 followers 918 following 1.1K posts
Father of three, happily married. 🏳️🌈🦦🦋 (Emojis mean: queer, autistic, DDEB sufferer; Dominant Dystrophic Epidermolysis Bullosa).
Father of three, happily married. 🏳️🌈🦦🦋 (Emojis mean: queer, autistic, DDEB sufferer; Dominant Dystrophic Epidermolysis Bullosa).
![// copilot prompt: Write a react component to display the newest bluesky post by a user
import React, { useState, useEffect } from "react";
interface ArtistBlueSkyProps {
handle: string; // Bluesky user handle, e.g., 'alice.bsky.social'
}
const ArtistBlueSky: React.FC<ArtistBlueSkyProps> = ({ handle }) => {
const [latestPost, setLatestPost] = useState<any>(null);
const [error, setError] = useState<string>("");
useEffect(() => {
const fetchLatestPost = async () => {
try {
const response = await fetch(
`https://bsky.social/xrpc/app.bsky.feed.getAuthorFeed?actor=${encodeURIComponent(handle)}`
);
if (!response.ok) {
throw new Error("Failed to fetch the latest post");
}
const data = await response.json();
if (data.feed && data.feed.length > 0) {
setLatestPost(data.feed[0]);
} else {
setError("No posts found");
}
} catch (err: any) {
setError(err.message);
}
};
fetchLatestPost();
}, [handle]);
if (error) {
return <div>Error: {error}</div>;
}
if (!latestPost) {
return <div>Loading...</div>;
}
return (
<div>
<h3>Latest Post by {handle}</h3>
<p>{latestPost.post.record.text}</p>
<small>
{new Date(latestPost.post.record.createdAt).toLocaleString()}
</small>
</div>
);
};
export default ArtistBlueSky;](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:cwkxwsooku4keeiotbuiougd/bafkreidr2ktqbk5rpftzfe3bjm2nfdsjj75bylth2hiyxip7lzxlsyftue)
