NostrHTTP - <p>```js import Reac

@ Marth

2024-08-24 00:08:51

```js import React, {useEffect} from "react"; import Image from "next/image"; import { useImageProxy } from "@/hooks/useImageProxy"; import { formatUnixTimestamp } from "@/utils/time"; import { Button } from "primereact/button";

const ContentDropdownItem = ({ content, onSelect }) => { const { returnImageProxy } = useImageProxy();

return (
    <div className="w-full border-t-2 border-gray-700 py-4">
        <div className="flex flex-row gap-4 p-2">
            <Image
                alt="content thumbnail"
                src={returnImageProxy(content?.image)}
                width={50}
                height={50}
                className="w-[100px] h-[100px] object-cover object-center border-round"
            />
            <div className="flex-1 max-w-[80vw]">
                <div className="text-lg text-900 font-bold">{content.title}</div>
                <div className="w-full text-sm text-600 text-wrap">{content.summary}</div>
                <div className="text-sm pt-6 text-gray-500">
                {content.published_at ? `Published: ${formatUnixTimestamp(content.published_at)}` : "not yet published"}
                </div>
            </div>
            <div className="flex flex-col justify-end">
                <Button label="Select" onClick={() => onSelect(content)} />
            </div>
        </div>
    </div>
);

};

export default ContentDropdownItem; ```

yakihonne.com iris.to jumble.social

导航栏

Home