fix thrown error on name save, org-specific collectibles

stream-projects/mogul-menu-v2/src/main.tsx

@@ -2,7 +2,7 @@ import { React, UrqlProvider } from "./deps.ts";
 import { toDist } from "https://tfl.dev/@truffle/distribute@^2.0.0/format/wc/react/index.ts"; // DO NOT BUMP
 import Menu from "./components/menu/menu.tsx";
 import { truffleApp, user$ } from "./shared/util/truffle/truffle-app.ts";
-import { observer } from "https://npm.tfl.dev/@legendapp/state@1.2.8/react";
+import { observer } from "https://npm.tfl.dev/@legendapp/state@~0.19.0/react";
 
 const iconImageObj = {
   id: "f38e1f40-fe27-11ec-8613-c8d0b98b6415",

stream-projects/mogul-menu-v2/src/shared/util/general.ts

@@ -1,4 +1,4 @@
-import { observable } from "https://npm.tfl.dev/@legendapp/state@1.2.8";
+import { observable } from "https://npm.tfl.dev/@legendapp/state@~0.19.0";
 
 export const ONE_MINUTE_S = 60;
 export const ONE_HOUR_S = 3600;

stream-projects/mogul-menu-v2/src/shared/util/graphql/hooks.ts

@@ -45,7 +45,16 @@ export function useUrqlQuerySignal(query: any, variables?: any, args?: any) {
   const signal$ = useSignal(result);
 
   useEffect(() => {
-    signal$.set(result);
+    // HACK: i have no clue why, but the .set here throws a can't read .get of undefined
+    // when account settings (eg name) are changed. (the error points to this bit of code, not a separate .get)
+    // don't have time to look into deeper now, but not setting hwne it errors seems to be fine
+    // for now.
+    // there's a chance it's from using an nolder version of legend, but bumping to 1 breaks other things
+    try {
+      signal$.set(result);
+    } catch (err) {
+      console.warn('state didn\'t save', err);
+    }
   }, [result]);
 
   return { signal$, reexecuteQuery };

stream-projects/mogul-menu-v2/src/shared/util/truffle/org-id.ts

@@ -1,3 +1,7 @@
+import { org$ } from "./truffle-app.ts";
+
 export function getOrgId() {
-  return "";
+  // NOTE: this isn't perfect sync it's async after page load, but i think good enough for
+  // all we use getOrgId for
+  return org$.get()?.id;
 }

stream-projects/mogul-menu-v2/src/shared/util/truffle/truffle-app.ts

@@ -9,3 +9,4 @@ function initApp() {
 
 export const truffleApp = initApp();
 export const user$ = fromSpecObservable(truffleApp.user.observable);
+export const org$ = fromSpecObservable(truffleApp.org.observable);