Añadida una etiqueta al mostrar los places que indica el nivel de pri…

…vacidad.
Arquisoft · Apr 13, 2023 · 4b762a1 · 4b762a1
1 parent ae971ea
commit 4b762a1
Showing 1 changed file with 9 additions and 1 deletion.
diff --git 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 (
         <div>
             <Card style={{margin: '25px', marginTop:'0px'}}>
+
                 <CardHeader
                     component='div' style={{paddingBottom: '10px'}}
                     action={
                         <>
+                            <Chip icon = {place.privacy === "Public" ? <Diversity3Icon/> : <PermIdentityIcon/>} label={place.privacy}  />
                             <IconButton aria-label="view" onClick={()=>setSelectedPlaceMyPlaces({lat: place.latitude, lng: place.longitude})}>
                                 <TravelExploreRoundedIcon style={{color: '#6986e8'}}/>
                             </IconButton>
@@ -48,13 +52,17 @@ const PlaceCard = (props) => {
                             ) : null}
                         </>
                     }
+
                     title={<Typography variant="h5" style={{fontWeight: "bold"}}>{place.name}</Typography>}
+
                     subheader={<Typography variant="h6" color="textSecondary">{place.category}</Typography>}
+
                 />
                 <CardContent component="div" style={{paddingTop: '0px'}} >
                     <Typography variant="body2" component="p">
                         {place.description}
                     </Typography>
+
                 </CardContent>
             </Card>
             <DeletePlaceConfirmDialog open={open} handleClose={handleClose} handleDeletePlace={handleDeletePlace}/>