save by address

This commit is contained in:
PhilReact 2023-12-27 21:56:53 +02:00
parent 3f4d7bbb29
commit de7ae88ba4
4 changed files with 33 additions and 27 deletions

View File

@ -80,8 +80,10 @@ class SyncIndicator extends connect(store)(LitElement) {
`;
}
async firstUpdated() {
this.address = store.getState().app.selectedAddress.address
const seenWelcomeSync = JSON.parse(
localStorage.getItem('welcome-sync') || 'false'
localStorage.getItem(`welcome-sync-${this.address}`) || 'false'
);
this.seenWelcomeSync = seenWelcomeSync;
}
@ -152,7 +154,6 @@ class SyncIndicator extends connect(store)(LitElement) {
}
stateChanged(state) {
console.log({state})
if (
state.app.nodeStatus &&
Object.keys(state.app.nodeStatus).length === 0

View File

@ -191,11 +191,11 @@ class TourComponent extends connect(store)(LitElement) {
}
}
async firstUpdated() {
this.address = store.getState().app.selectedAddress.address
const hasViewedTour = JSON.parse(
localStorage.getItem('hasViewedTour') || 'false'
localStorage.getItem(`hasViewedTour-${this.address}`) || 'false'
);
const selectedAddress = store.getState().app.selectedAddress || '';
const name = await this.getName(selectedAddress.address);
const name = await this.getName(this.address);
if (name) {
this.hasName = true;
}
@ -205,7 +205,7 @@ class TourComponent extends connect(store)(LitElement) {
if (name) {
this.hasViewedTour = true;
this.hasName = true;
localStorage.setItem("hasViewedTour", JSON.stringify(true))
localStorage.setItem(`hasViewedTour-${this.address}`, JSON.stringify(true))
}
} catch (error) {
console.log({ error });
@ -309,7 +309,7 @@ class TourComponent extends connect(store)(LitElement) {
steps: steps,
allowClose: false,
onDestroyed: () => {
localStorage.setItem("hasViewedTour", JSON.stringify(true))
localStorage.setItem(`hasViewedTour-${this.address}`, JSON.stringify(true))
this.hasViewedTour = true;
this.openWelcomeModal();
}
@ -346,7 +346,7 @@ class TourComponent extends connect(store)(LitElement) {
}
onClose() {
localStorage.setItem("welcome-sync", JSON.stringify(true))
localStorage.setItem(`welcome-sync-${this.address}`, JSON.stringify(true))
this.dialogOpenedCongrats = false;
}

View File

@ -35,9 +35,7 @@ class BeginnerChecklist extends connect(store)(LitElement) {
this.hasName = null;
this.nodeUrl = this.getNodeUrl();
this.myNode = this.getMyNode();
this.hasTourFinished = JSON.parse(
localStorage.getItem('hasViewedTour') || 'false'
)
this.hasTourFinished = null;
this._controlTourFinished = this._controlTourFinished.bind(this);
this.uid = new ShortUniqueId();
}
@ -46,6 +44,13 @@ class BeginnerChecklist extends connect(store)(LitElement) {
this.hasTourFinished = true;
}
firstUpdated() {
this.address = store.getState().app.selectedAddress.address;
this.hasTourFinished = JSON.parse(
localStorage.getItem(`hasViewedTour-${this.address}`) || 'null'
);
}
connectedCallback() {
super.connectedCallback();
window.addEventListener(
@ -84,7 +89,7 @@ class BeginnerChecklist extends connect(store)(LitElement) {
async getName(recipient) {
try {
if(!recipient) return ''
if (!recipient) return '';
const endpoint = `${this.nodeUrl}/names/address/${recipient}`;
const res = await fetch(endpoint);
const getNames = await res.json();
@ -107,7 +112,8 @@ class BeginnerChecklist extends connect(store)(LitElement) {
this.syncPercentage = state.app.nodeStatus.syncPercent;
if (
!this.hasAttempted && state.app.selectedAddress &&
!this.hasAttempted &&
state.app.selectedAddress &&
state.app.nodeStatus.syncPercent === 100
) {
this.hasAttempted = true;
@ -126,7 +132,7 @@ class BeginnerChecklist extends connect(store)(LitElement) {
state.app.accountInfo.names.length > 0
) {
this.hasName = true;
}
}
}
handleBlur() {
@ -137,10 +143,8 @@ class BeginnerChecklist extends connect(store)(LitElement) {
}, 0);
}
render() {
return this.hasName === false || !this.hasTourFinished
return this.hasName === false || this.hasTourFinished === false
? html`
<div class="layout">
<popover-component
@ -153,7 +157,9 @@ class BeginnerChecklist extends connect(store)(LitElement) {
>
<mwc-icon
id="checklist-general-icon"
style=${`color: ${!this.hasName ? 'red' : 'var(--black)'}; cursor:pointer;user-select:none`}
style=${`color: ${
!this.hasName ? 'red' : 'var(--black)'
}; cursor:pointer;user-select:none`}
>checklist</mwc-icon
>
<vaadin-tooltip
@ -165,7 +171,6 @@ class BeginnerChecklist extends connect(store)(LitElement) {
>
</vaadin-tooltip>
</div>
<div
id="checklist-panel"
@ -196,8 +201,11 @@ class BeginnerChecklist extends connect(store)(LitElement) {
`}
</div>
<div class="task-list-item" style="cursor:pointer" @click=${()=> {
store.dispatch(
<div
class="task-list-item"
style="cursor:pointer"
@click=${() => {
store.dispatch(
setNewTab({
url: `group-management`,
id: this.uid.rnd(),
@ -216,8 +224,9 @@ class BeginnerChecklist extends connect(store)(LitElement) {
openExisting: true,
})
);
this.handleBlur()
}}>
this.handleBlur();
}}
>
<p>Do you have a name registered?</p>
${this.hasName
? html`

View File

@ -207,7 +207,6 @@ const initNodeStatusSocket = () => {
const activeNodeStatusSocket = new WebSocket(activeNodeStatusSocketLink)
// Open Connection
activeNodeStatusSocket.onopen = (e) => {
console.log('onopen')
nodeStatusSocketReconnectInterval = MIN_RECONNECT_INTERVAL;
nodeStatusSocketcloseGracefully = false
@ -215,18 +214,15 @@ const initNodeStatusSocket = () => {
}
// Message Event
activeNodeStatusSocket.onmessage = (e) => {
console.log('onmessage')
doNodeStatus(JSON.parse(e.data))
}
// Closed Event
activeNodeStatusSocket.onclose = () => {
console.log('onclose')
doNodeStatus({});
attemptReconnectNodeStatusSocket();
};
// Error Event
activeNodeStatusSocket.onerror = (e) => {
console.log('onerror')
doNodeStatus({})
}
}