fix: wrong attribute name (#117)

* fix: wrong attribute name

* version bump

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pearl",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "private": true,
   "dependencies": {
     "@date-io/date-fns": "1.x",

src/components/common/userProfile/component.jsx

@@ -30,20 +30,20 @@ export const UserProfile = ({
   user = {
     firstName: 'Unknown',
     lastName: 'Interviewer',
-    phone: '0123456789',
+    phoneNumber: '0123456789',
     email: '[email protected]',
   },
 }) => {
   const classes = useStyles();
-  const { firstName, lastName, phone, email } = user;
+  const { firstName, lastName, phoneNumber, email } = user;
   return (
     <Paper className={classes.outterPaper} elevation={0}>
       <Typography variant="h5">{D.myProfile}</Typography>
       <Paper className={classes.innerPaper} elevation={0}>
         <LabelledText labelText={`${D.profileLastName} :`} value={lastName} />
         <LabelledText labelText={`${D.profileFirstName} :`} value={firstName} />
         <LabelledText labelText={`${D.profileEmail} :`} value={email} />
-        <LabelledText labelText={`${D.profilePhone} :`} value={phone} />
+        <LabelledText labelText={`${D.profilePhone} :`} value={phoneNumber} />
       </Paper>
       <Typography className={classes.version}>{`V.${version}`}</Typography>
     </Paper>