hn_notifier

Public

Viewing readonly version: 1580

Script

/** @jsxImportSource https://esm.sh/react@18.2.0 */

import React, { useState } from "https://esm.sh/react@18.2.0";

import { useUrls } from "https://esm.town/v/nbbaier/hn_notifier/frontend/components/ItemContext.tsx";

import type { DBItem } from "https://esm.town/v/nbbaier/hn_notifier/shared/types.ts";

import { HN_BASE_URL } from "https://esm.town/v/nbbaier/hn_notifier/shared/utils.ts";

interface SectionProps {

type: "stories" | "comments";

}

const Section: React.FC<SectionProps> = ({ type }) => {

const [isOpen, setIsOpen] = useState(false); // Default to collapsed

const { items, unfollowUrl, isLoading } = useUrls();

// Filter items based on type if needed

// This is a placeholder - adjust the filtering logic based on your actual data structure

const filteredUrls = items.filter(item => {

if (type === "stories") {

return item.type === "story"; // Assuming there's an is_comment field

} else {

return item.type === "comment";

}

});

async function handleClick(id: number) {

await unfollowUrl(id);

}

return (

<h2

className="flex flex-row items-center gap-2 pb-2 m-0 mb-2 font-medium leading-5 border-b border-stone-300 text-neutral-900 cursor-pointer"

onClick={() => setIsOpen(!isOpen)} // Add toggle function

{type.charAt(0).toUpperCase() + type.slice(1)}