I am new to LWC. I dont want to show alert message every time i refresh account detail page

Question

export default class ShowToast extends LightningElement {
    @api recordId;
    account;
    lastModifiedDate;
    createddate;
    check=true;
    @wire(getRecord, { recordId: '$recordId', fields: FIELDS })
    wiredRecord({ error, data }) {
        if (error) {
            console.log('error occured');

        } else if (data) {
            this.account = data;
            console.log('Log after isloading account>>>>>>', this.account);
            let modifiedDate=this.account.lastModifiedDate;
            //let createdate=this.account.createddate
            if(!this.lastModifiedDate) {
                this.lastModifiedDate = this.account.lastModifiedDate;
                console.log('Console lastmodified date---->',this.lastModifiedDate);
            }
            if (modifiedDate != this.lastModifiedDate || modifiedDate == this.lastModifiedDate ) {
                console.log('Console modified date---->',this.lastModifiedDate,modifiedDate);
                let rate = getFieldValue(this.account, RATING_FIELD) ?getFieldValue(this.account, RATING_FIELD) : ''
                let usrfield = getFieldValue(this.account, USER_FIELD) ?getFieldValue(this.account, USER_FIELD) : ''           
                console.log('Need user available field from user here>>'+ usrfield);

                if(rate =='Hot')
                {
                    console.log('rate debug---->',rate);
                    alert('YOU HAVE SELECTED ACCOUNT RATING AS HOT');
                }

                if(usrfield) //.User_Available__c =='True'
                {
                    console.log('Console user usrfield123>>>',usrfield);
                    alert(' User is  Not Selected ');                                    
                }

                this.showNotification();

            }

Every thing is working good I just dont want to show alert message when i refresh the account record detail page

Answer 1

Everytime the page is refreshed, the component goes through its lifecycle flow, so the wire method runs and if those conditions are met it will show the alert.
In order to avoid this, you must set a flag the first time the alert is shown and use it in the if condition.
Since you want to persist this flag among several page refresh, you could leverage Session Storage: in the if block you could set a key composed by recordId and an unique value, i.e. "hot" or "user" (the if condition). Of course you're going to execute the if block only if that key doesn't exist.

if (modifiedDate != this.lastModifiedDate || modifiedDate == this.lastModifiedDate ) {
    console.log('Console modified date---->',this.lastModifiedDate,modifiedDate);
    let rate = getFieldValue(this.account, RATING_FIELD) ?getFieldValue(this.account, RATING_FIELD) : ''
    let usrfield = getFieldValue(this.account, USER_FIELD) ?getFieldValue(this.account, USER_FIELD) : ''           
    console.log('Need user available field from user here>>'+ usrfield);

    const alertHotKey = `${this.recordId}_hot`;
    const alertHotAlreadyShown = sessionStorage.getItem(alertHotKey);

    if(!alertHotAlreadyShown && rate == 'Hot')
    {
        console.log('rate debug---->',rate);
        sessionStorage.setItem(alertHotKey, 'true');
        alert('YOU HAVE SELECTED ACCOUNT RATING AS HOT');
    }

    const alertUserFieldKey = `${this.recordId}_user_field`;
    const alertUserFieldAlreadyShown = sessionStorage.getItem(alertUserFieldKey);

    if(!alertUserFieldAlreadyShown && usrfield) //.User_Available__c =='True'
    {
        console.log('Console user usrfield123>>>',usrfield);
        sessionStorage.setItem(alertUserFieldKey, 'true');
        alert(' User is  Not Selected ');                                    
    }

    this.showNotification();

}

By the way if (modifiedDate != this.lastModifiedDate || modifiedDate == this.lastModifiedDate) is just a complex way to write if(true) because those conditions are in OR, so no matters if modifiedDate is equals or not to this.lastModifiedDate that block will always be executed.