import React, { useState } from "react";
import PropTypes from "prop-types";
import {
Card,
CardActionArea,
CardActions,
CardContent,
CardMedia,
Checkbox,
Chip,
FormControlLabel,
IconButton,
Link,
Typography
} from "@material-ui/core";
import { red } from "@material-ui/core/colors";
import { Favorite, Link as LinkIcon, Delete } from "@material-ui/icons";
import NavBar from "./shared/NavBar";
import NavBarUser from "./shared/NavBarUser";
import config from "../config";
// TODO: Replace with API accessed feeds
import feeds from "./dummyData/feeds.json";
const feedCategories = Array.from(new Set(feeds.map(i => i.tags).flat()));
function FeedCard({ feed }) {
const [filled, setFilled] = useState(Math.random() > 0.7);
let style = {};
if (filled) {
style={
color: red.A400
};
}
return (