diff --git a/webapp/src/components/PlaceCard/PlaceCard.jsx b/webapp/src/components/PlaceCard/PlaceCard.jsx index 3f526f5e..a21def49 100644 --- a/webapp/src/components/PlaceCard/PlaceCard.jsx +++ b/webapp/src/components/PlaceCard/PlaceCard.jsx @@ -1,10 +1,12 @@ import React from 'react'; -import {Card, CardContent, CardHeader, IconButton, Menu, MenuItem, Typography} from "@mui/material"; +import {Card, CardContent, CardHeader, IconButton, Menu, MenuItem, Typography, Chip} from "@mui/material"; import DeleteRoundedIcon from '@mui/icons-material/DeleteRounded'; import TravelExploreRoundedIcon from '@mui/icons-material/TravelExploreRounded'; import DeletePlaceConfirmDialog from "../DeletePlaceConfirmDialog/DeletePlaceConfirmDialog"; import {deletePlaceMarkByID} from "../../api/api"; import { removePlace } from '../../solidapi/solidAdapter'; +import Diversity3Icon from '@mui/icons-material/Diversity3'; +import PermIdentityIcon from '@mui/icons-material/PermIdentity'; const PlaceCard = (props) => { const {place, setSelectedPlaceMyPlaces, deletePlace, session, showDeleteButton } = props; @@ -34,10 +36,12 @@ const PlaceCard = (props) => { return (
+ + : } label={place.privacy} /> setSelectedPlaceMyPlaces({lat: place.latitude, lng: place.longitude})}> @@ -48,13 +52,17 @@ const PlaceCard = (props) => { ) : null} } + title={{place.name}} + subheader={{place.category}} + /> {place.description} +