JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

JavaScript

function checkForLegacySessionStorageData(){

	if(sessionStorage.getItem('digital_forms') || sessionStorage.getItem('digital_form_progress')){
  
  	// has legacy data that should be migrated
    
    var offlineForms = JSON.parse(sessionStorage.getItem('digital_forms'));
    
    var autoFills = JSON.parse(sessionStorage.getItem('digital_form_progress'));
    
    var ui = $('<div class="migrate-legacy-session-data"><div><h1>Legacy Session Data Found</h1><p>We found the following items that should be migrated to the new browser API.</p><ul class="offlineForms"></ul><ul class="autoFills"></ul><p></p></div></div>');
    
    for(let i=0;i<offlineForms.length;i++){
    
    	let item = $('<li>' + offlineForms[i]. + '<button>Preview Data in Form</button></li>');
    
    	ui.find('ul.offlineForms').append(item);
    
    }
    
    
    $('body').append(ui);
    
  
  } else {
  
  	return false;
  
  }

}