import * as React from 'react'; import Card from '@mui/material/Card'; import CardActions from '@mui/material/CardActions'; import CardContent from '@mui/material/CardContent'; import Typography from '@mui/material/Typography'; import CardMedia from '@mui/material/CardMedia'; import StarBorderOutlinedIcon from '@mui/icons-material/StarBorderOutlined'; import ShoppingCartCheckoutOutlinedIcon from '@mui/icons-material/ShoppingCartCheckoutOutlined'; import AccountCircleOutlinedIcon from '@mui/icons-material/AccountCircleOutlined'; import Grid from '@mui/material/Grid'; import Item from '@mui/material/Grid'; import Accordion from '@mui/material/Accordion'; import AccordionSummary from '@mui/material/AccordionSummary'; import AccordionDetails from '@mui/material/AccordionDetails'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import ArtistPortfolio from './artistPortfolio'; import Button from '@mui/material/Button'; import Tooltip from '@mui/material/Tooltip'; import { useEffect, useState } from "react"; import { IconButton } from '@mui/material'; const Artist = ({user, artistId}) => { const [sellerData, setSellerData] = useState([]); useEffect(() => { const getData = async () => { const response = await fetch('/api/discovery/artist/'+artistId); const data = await response.json(); setSellerData(data); } getData(); }, []); return ( {sellerData["name"]} {sellerData["averageRating"] ? `${sellerData["averageRating"]} Stars (${sellerData["reviewCount"]} Reviews)` : "No Reviews"} {sellerData["biography"]} {user ? ( ) : ( )} ) } export default Artist