Removes picture with a generic avatar

cityofaustin · Feb 10, 2021 · 9c0d1a0 · 9c0d1a0
1 parent 27129b0
commit 9c0d1a0
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/moped-editor/src/views/account/AccountView/Profile.js b/moped-editor/src/views/account/AccountView/Profile.js
@@ -12,13 +12,7 @@ import {
   Typography,
   makeStyles,
 } from "@material-ui/core";
-
-export const defaultUser = {
-  avatar: `${process.env.PUBLIC_URL}/static/images/avatars/robSpillar.jpeg`,
-  name: "Rob Spillar",
-  jobTitle: "Director of Transportation",
-  city: "Austin, TX",
-};
+import { useUser } from "../../../auth/user";
 
 const useStyles = makeStyles(() => ({
   root: {},
@@ -31,22 +25,27 @@ const useStyles = makeStyles(() => ({
 
 const Profile = ({ className, ...rest }) => {
   const classes = useStyles();
+  const { user } = useUser();
 
   return (
     <Card className={clsx(classes.root, className)} {...rest}>
       <CardContent>
         <Box alignItems="center" display="flex" flexDirection="column">
           <Box>
-            <Avatar className={classes.avatar} src={defaultUser.avatar} />
+            <Avatar
+              className={classes.avatar}
+              src={user?.userAvatar}
+              style={{ "background-color": user?.userColor }}
+            />
           </Box>
           <Typography color="textPrimary" gutterBottom variant="h3">
-            {defaultUser.name}
+            {String(user?.userName ?? user?.attributes?.email).toLowerCase()}
           </Typography>
           <Typography color="textSecondary" variant="body1">
-            {defaultUser.jobTitle}
+            {user?.userJobTitle ?? "Austin Transportation"}
           </Typography>
           <Typography color="textSecondary" variant="body1">
-            {defaultUser.city}
+            {user?.userCity ?? "Austin, TX"}
           </Typography>
         </Box>
       </CardContent>