aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-20 15:54:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

better store types and onmount

Browse Source
This commit is contained in:
Paul Miller
2023-04-13 11:55:23 -05:00
parent be9e1c2cad
commit 222909b308
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/state/megaStore.tsx
View File

@@ -1,6 +1,6 @@
// Inspired by https://github.com/solidjs/solid-realworld/blob/main/src/store/index.js // Inspired by https://github.com/solidjs/solid-realworld/blob/main/src/store/index.js
import { ParentComponent, createContext, createEffect, useContext } from "solid-js"; import { ParentComponent, createContext, createEffect, onMount, useContext } from "solid-js";
import { createStore } from "solid-js/store"; import { createStore } from "solid-js/store";
import { setupNodeManager } from "~/logic/nodeManagerSetup"; import { setupNodeManager } from "~/logic/nodeManagerSetup";
import { NodeManager } from "@mutinywallet/node-manager"; import { NodeManager } from "@mutinywallet/node-manager";
@@ -10,25 +10,25 @@ const MegaStoreContext = createContext<MegaStore>();
type UserStatus = undefined | "new_here" | "waitlisted" | "approved" | "paid" type UserStatus = undefined | "new_here" | "waitlisted" | "approved" | "paid"
export type MegaStore = [{ export type MegaStore = [{
waitlist_id: string | null; waitlist_id?: string;
node_manager: NodeManager | undefined; node_manager?: NodeManager;
user_status: UserStatus; user_status: UserStatus;
scan_result?: string;
}, { }, {
status(): Promise<UserStatus>; fetchUserStatus(): Promise<UserStatus>;
setupNodeManager(): Promise<void>; setupNodeManager(): Promise<void>;
setWaitlistId(waitlist_id: string): void; setWaitlistId(waitlist_id: string): void;
}]; }];
export const Provider: ParentComponent = (props) => { export const Provider: ParentComponent = (props) => {
const [state, setState] = createStore({ const [state, setState] = createStore({
waitlist_id: localStorage.getItem("waitlist_id"), waitlist_id: localStorage.getItem("waitlist_id"),
node_manager: undefined as NodeManager | undefined, node_manager: undefined as NodeManager | undefined,
user_status: undefined as UserStatus, user_status: undefined as UserStatus,
}); });
const actions = { const actions = {
async status(): Promise<UserStatus> { async fetchUserStatus(): Promise<UserStatus> {
if (!state.waitlist_id) { if (!state.waitlist_id) {
return "new_here" return "new_here"
} }
@@ -63,8 +63,8 @@ export const Provider: ParentComponent = (props) => {
}; };
// Fetch status from remote on load // Fetch status from remote on load
createEffect(() => { onMount(() => {
actions.status().then(status => { actions.fetchUserStatus().then(status => {
setState({ user_status: status }) setState({ user_status: status })
}) })
}) })