Skip to content

Commit

Permalink
correct bug when user don't have a space yet
Browse files Browse the repository at this point in the history
  • Loading branch information
@raphaelpg @vibern0
raphaelpg authored and vibern0 committed Aug 2, 2020
1 parent 755d628 commit 727e8c7
Showing 1 changed file with 62 additions and 60 deletions.
122 changes: 62 additions & 60 deletions webui/pages/user/space.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,70 +84,72 @@ export default function Space() {
}

const renderContextStatus = () => {
if (chainContext.user.space.rent !== undefined) {
return <Box display="flex" flexDirection="column" margin="auto" justifyContent="center" alignItems="center">
<Typography component="div" gutterBottom style={{marginTop: '4rem', textAlign: 'center'}}>
<Box fontWeight="lighter" fontSize="2rem" marginBottom="3rem" textAlign="left">
Space status: rented
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Rented to:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.rentedTo}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Rental earned:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.rentalEarned}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Store's name:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.title}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Category:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.category}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Description:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.description}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
URL:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.url}
</Box>
</Box>
</Typography>
</Box>;
} else {
return <Box display="flex" flexDirection="column" margin="auto" justifyContent="center" alignItems="center">
<Typography variant="h5" gutterBottom style={{marginTop: '4rem', textAlign: 'left'}}>
if (chainContext.user.space !== undefined) {
if (chainContext.user.space.rent !== undefined) {
return <Box display="flex" flexDirection="column" margin="auto" justifyContent="center" alignItems="center">
<Typography component="div" gutterBottom style={{marginTop: '4rem', textAlign: 'center'}}>
<Box fontWeight="lighter" fontSize="2rem" marginBottom="3rem" textAlign="left">
Space status: available for rent
Space status: rented
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Rented to:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.rentedTo}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Rental earned:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.rentalEarned}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Store's name:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.title}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Category:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.category}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
Description:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.description}
</Box>
</Box>
<Box display="flex" flexDirection="row" fontSize="1.5rem" marginBottom="2rem">
<Box fontWeight="bold" marginRight="1rem">
URL:
</Box>
<Box fontWeight="regular">
{chainContext.user.space.rent.url}
</Box>
</Box>
</Typography>
</Box>;
} else {
return <Box display="flex" flexDirection="column" margin="auto" justifyContent="center" alignItems="center">
<Typography variant="h5" gutterBottom style={{marginTop: '4rem', textAlign: 'left'}}>
<Box fontWeight="lighter" fontSize="2rem" marginBottom="3rem" textAlign="left">
Space status: available for rent
</Box>
</Typography>
</Box>;
}
}
}
return (
Expand Down

0 comments on commit 727e8c7

Please sign in to comment.