node-mongo-demo

node.js and mongodb demo

git clone https://9o.is/git/node-mongo-demo.git

Home.js

(943B)

      1 import React from "react";
      2 import { Container, Grow, Paper, Typography } from "@mui/material";
      3 import { jwtDecode } from "jwt-decode";
      4 import Lucky7 from "../Lucky7.js";
      5 
      6 const Home = () => {
      7 
      8   const user = localStorage.getItem("profile")
      9     ? jwtDecode(JSON.parse(localStorage.getItem("profile")).token)
     10     : "null";
     11   const isSingedIn = user;
     12 
     13   return (
     14     <Grow in>
     15       <Container component="main" maxWidth="sm">
     16         <Paper elevation={3}>
     17           {isSingedIn !== "null" && isSingedIn !== null ? (
     18             <>
     19             <Typography variant="h4" align="center" color="primary">
     20               {`Welcome ${user.name}`}
     21             </Typography>
     22             <Lucky7 user={user} />
     23             </>
     24           ) : (
     25             <Typography variant="h4" align="center" color="primary">
     26               Login to Play
     27             </Typography>
     28           )}
     29         </Paper>
     30       </Container>
     31     </Grow>
     32   );
     33 };
     34 
     35 export default Home;