JSFiddle - React, Tailwind, and code Playground

by Nalin Sajwan

JavaScript

var userDetailsObj = {
    "sessionIndex": "9Y4BQRafm822u00KN6nX2XFkslY=HN2Umg==",
    "firstName": "Dinesh",
    "lastName": "Konduru",
    "email": "[email protected]",
    "nameIdAttributes": {
        "value": "290013990",
        "Format": "urn:oasis:names:tc:SAML:2.0:nameid-format:persistent"
    },
    "authenticationmethod": "urn:oasis:names:tc:SAML:2.0:ac:classes:Password",
    "issuer": "SYFSMQAIDP",
    "name": "[email protected]",
    "picture": "https://s.gravatar.com/avatar/fbeba71a4d3b60756254d5c5f3401d05?s=480&r=pg&d=https%3A%2F%2Fcdn.auth0.com%2Favatars%2Fdi.png",
    "nickname": "Dinesh.Konduru",
    "user_metadata": {
        "licenses": {
            "synchrony": "participant"
        }
    },
    "clientID": "9HIwOsKeesk8N624Uu7dqx4sqmGkAy6E",
    "updated_at": "2018-09-06T15:41:32.889Z",
    "user_id": "samlp|synchrony|290013990",
    "identities": [
        {
            "user_id": "synchrony|290013990",
            "provider": "samlp",
            "connection": "synchrony",
            "isSocial": false
        }
    ],
    "created_at": "2018-09-06T15:41:32.680Z",
    "iss": "https://e22-sb.auth0.com/",
    "sub": "samlp|synchrony|290013990",
    "aud": "9HIwOsKeesk8N624Uu7dqx4sqmGkAy6E",
    "iat": 1536248502,
    "exp": 1536284502
}

console.log("\n\n1. Name ==> ", userDetailsObj.firstname || userDetailsObj.firstName + ' ' + userDetailsObj.lastname || userDetailsObj.lastName);

console.log("\n\n2. Name ==> ", (userDetailsObj.firstname || userDetailsObj.firstName) + ' ' + (userDetailsObj.lastname || userDetailsObj.lastName));