deranjer/goInventorize
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

working on view location details page

Browse Source
This commit is contained in:
deranjer
2022-04-11 22:41:14 -04:00
parent c79dc69bb0
commit 55df431241
28 changed files with 549 additions and 346 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/cards/LocationCard.js
View File

@@ -3,6 +3,7 @@ import { Text, Button, Card, Group, Menu, Image, Badge } from '@mantine/core'
import { useAtom } from 'jotai';
import { useNavigate } from "react-router-dom";
import { activePageAtom, roomFilterAtom, serverConfigAtom } from '../../state/main';
import { Link } from 'react-router-dom';
@@ -34,7 +35,7 @@ function LocationCard(props) {
return (
<Card key={`${idx} - ${location.ID}`} shadow="md" padding="md">
<Card.Section>
{location.CoverPhoto ? <Image src={`${serverConfig.baseURL}/photos/locations/${location.Name}/${location.CoverPhoto}`}></Image> : <Text>No Photo</Text>}
{location.CoverPhoto ? <Image src={`${serverConfig.baseURL}/files/locations/${location.Name}/${location.CoverPhoto}`}></Image> : <Text>No Photo</Text>}
<Group position='right' style={{position: 'absolute', top: '5px', right: '5px', backgroundColor: 'grey', borderRadius: '25%'}}>
<Menu>
<Menu.Label>Edit</Menu.Label>
@@ -51,7 +52,7 @@ function LocationCard(props) {
</Group>
<Text size="sm">{location.Description}</Text>
<Group>
<Button onClick={() => navigateToRooms(location.ID, location.Name)}>View Details</Button>
<Button component={Link} to={`/location/${location.ID}`} state={{ location: location }}>View Details</Button>
<Button onClick={() => navigateToRooms(location.ID, location.Name)}>View Rooms</Button>
</Group>
</Card>