[ Web Proxy ]
URL:
Viewing: https://raw.githubusercontent.com/QuantStack/quantstack.github.io/master/src/components/Blog.tsx [Back]  [Original]

import React, { useState } from "react"; import CardGrid from "./layout/CardGrid"; import BlogpostCard from "./BlogpostCard"; import { blogpostsDetails } from "../pages/blogs/_blogpostsDetails"; import styles from "../pages/blog.module.css"; export default function BlogGrid() { const [searchField, setSearchField] = useState(""); const filtered = blogpostsDetails.filter((blogpost) => [blogpost.title, blogpost.authors, blogpost.date, blogpost.summary] .some((field) => field.toLowerCase().includes(searchField.toLowerCase())) ); return ( setSearchField(e.target.value)} /> {filtered.map((blogpost, index) => (
  • ))} ); }
    Web Proxy Viewer  |  New URL  |  Original Page