update staff page

src/components/person_card/index.js

@@ -3,6 +3,7 @@ import { Typography } from "@material-ui/core";
 import { makeStyles } from "@material-ui/core/styles";
 import Icon from '@material-ui/core/Icon';
 import MailIcon from '@material-ui/icons/Mail';
+import LocalPhoneIcon from '@material-ui/icons/LocalPhone';
 import {
   BrowserRouter as Router,
   Route,
@@ -71,6 +72,16 @@ const PersonCard = (props) => {
               {props.emailID}
             </a>
           </div>
+          {
+            props.mobile?(
+              <div className="info-div">
+            <LocalPhoneIcon className="info-icon" />
+            <a href={`tel::${props.mobile}`} className="info">
+              {props.mobile}
+            </a>
+          </div>
+            ):null
+          }
         </div>
       </div>
     </>

src/json/staff.json

@@ -1,21 +1,33 @@
 {
   "data": [
     {
-      "name": "Mr. S. Selvarasu",
-      "designation": "Consultant-Accountant",
-      "emailID": "[email protected]",
-      "src": "staff_1.jpg"
+      "name": "Mr. M. Balamurugan",
+      "designation": "Site Engineer",
+      "emailID": "--",
+      "src": "staff_1n.jpg"
     },
     {
-      "name": "Ms. P. Leema",
-      "designation": "Office-Assistant",
-      "emailID": "[email protected]",
-      "src": "staff_2.jpg"
+      "name": "Mrs. M. Saraswathy",
+      "designation": "Administrative Assistant",
+      "emailID": "--",
+      "src": "staff_2n.jpg"
     },
     {
-      "name": "Mr. S. Selvarasu",
+      "name": "Mr. R. Kannan",
+      "designation": "Administrative Assistant",
+      "emailID": "--",
+      "src": "staff_3n.jpg"
+    },
+    {
+      "name": "Mr. S. Christu Raj",
+      "designation": "Administrative Assistant",
+      "emailID": "--",
+      "src": "staff_4n.jpg"
+    },
+    {
+      "name": "Mr. V. Logeswaran",
       "designation": "Multi-tasking Staff",
-      "emailID": " ",
+      "emailID": "--",
       "src": "staff_4.jpg"
     }
   ]

src/pages/staff/index.js

@@ -33,6 +33,22 @@ export default function Staff() {
       <Grid container>
         <Grid item xs={false} sm={1} />
         <Grid container item xs={12} sm={10}>
+        <Grid item xs={12} sm={10}>
+            <Typography variant="h2" gutterBottom className={classes.title}>
+            Deputy Registrar
+            </Typography>
+          </Grid>
+          <Grid item xs={12} sm={6}>
+                  <PersonCard
+                    name={"Shri. Biju Mathew"}
+                    designation={"Deputy Registrar"}
+                    emailID={"[email protected]"}
+                    src={"staff_5.jpg"}
+                    src_type="staff"
+                    researchArea=""
+                    mobile="9401144440"
+                  />
+                </Grid>
           <Grid item xs={12} sm={10}>
             <Typography variant="h2" gutterBottom className={classes.title}>
               Office staff