From ed201936813d9a720b51e6cb40a05267b94e7314 Mon Sep 17 00:00:00 2001
From: Max Nanis
Date: Thu, 10 Sep 2026 17:46:41 -0700
Subject: Typescript prettier

Committing seperate so it's easier to see actual changes.
---
 jb-ui/src/components/Footer.tsx | 76 +++++++++++++++++++++++------------------
 1 file changed, 43 insertions(+), 33 deletions(-)

(limited to 'jb-ui/src/components/Footer.tsx')

diff --git a/jb-ui/src/components/Footer.tsx b/jb-ui/src/components/Footer.tsx
index 00c0101..eede06c 100644
--- a/jb-ui/src/components/Footer.tsx
+++ b/jb-ui/src/components/Footer.tsx
@@ -1,41 +1,51 @@
 import { useAppSelector } from "@/hooks";
 
 const Footer = () => {
-    const bpuid = useAppSelector(state => state.app.bpuid)
-    const assignment_id = useAppSelector(state => state.app.assignment_id)
+  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const assignment_id = useAppSelector((state) => state.app.assignment_id);
 
-    return (
-        <div className="grid gap-1 grid-cols-1
+  return (
+    <div
+      className="grid gap-1 grid-cols-1
         md:grid-cols-3
-        text-xs">
-            <div>
-                <p>help: <a
-                    href={`mailto:support@jamesbillings67.com?subject=AMT Support Request: (${(bpuid ?? '-')}) ${(assignment_id ?? '–')}`}>
-                    support@jamesbillings67.com
-                </a>
-                </p>
-            </div>
+        text-xs"
+    >
+      <div>
+        <p>
+          help:{" "}
+          <a
+            href={`mailto:support@jamesbillings67.com?subject=AMT Support Request: (${bpuid ?? "-"}) ${assignment_id ?? "–"}`}
+          >
+            support@jamesbillings67.com
+          </a>
+        </p>
+      </div>
 
-            <div>
-                <p>made with <span className="text-rose-500">♥</span> by <a
-                    className="hover:cursor-pointer hover:text-pink"
-                    href="https://instagram.com/x0xMaximus"
-                    target="_blank">Max Nanis</a>
-                </p>
-            </div>
+      <div>
+        <p>
+          made with <span className="text-rose-500">♥</span> by{" "}
+          <a
+            className="hover:cursor-pointer hover:text-pink"
+            href="https://instagram.com/x0xMaximus"
+            target="_blank"
+          >
+            Max Nanis
+          </a>
+        </p>
+      </div>
 
-            <div>
-                <p>
-                    <a href="https://git.generalresearch.com/panels/amt-jb/"
-                        target="_blank">
-                        open source
-                    </a>
-                </p>
-            </div>
+      <div>
+        <p>
+          <a
+            href="https://git.generalresearch.com/panels/amt-jb/"
+            target="_blank"
+          >
+            open source
+          </a>
+        </p>
+      </div>
+    </div>
+  );
+};
 
-        </div>
-    )
-
-}
-
-export default Footer
\ No newline at end of file
+export default Footer;
-- 
cgit v1.2.3


From f82ac61b6a044467ab37c0645c3fe99b40bedfc5 Mon Sep 17 00:00:00 2001
From: Max Nanis
Date: Fri, 11 Sep 2026 23:06:59 -0700
Subject: replace references to bpuid with logged in user

---
 jb-ui/src/JBApp.tsx                | 14 +++-----
 jb-ui/src/components/Footer.tsx    |  7 ++--
 jb-ui/src/components/Profiling.tsx | 38 ++++++++++++--------
 jb-ui/src/components/Wallet.tsx    | 19 +++++-----
 jb-ui/src/models/authAPI.ts        |  3 +-
 jb-ui/src/pages/Preview.tsx        |  3 +-
 jb-ui/src/pages/Transfer.tsx       |  9 ++---
 jb-ui/src/pages/Work.tsx           | 71 +++++++++-----------------------------
 jb-ui/src/types/authApi.ts         |  6 ++++
 9 files changed, 73 insertions(+), 97 deletions(-)
 create mode 100644 jb-ui/src/types/authApi.ts

(limited to 'jb-ui/src/components/Footer.tsx')

diff --git a/jb-ui/src/JBApp.tsx b/jb-ui/src/JBApp.tsx
index fd0eeba..a69cc85 100644
--- a/jb-ui/src/JBApp.tsx
+++ b/jb-ui/src/JBApp.tsx
@@ -16,6 +16,7 @@ import {
 import Footer from "@/components/Footer";
 import { useAppDispatch } from "@/hooks";
 import { bpid, routeBasename, tagManager } from "@/lib/utils";
+import { useGetMeQuery } from "@/models/authAPI";
 import {
   setAssignmentID,
   setProductUserID,
@@ -72,24 +73,19 @@ function isPingMessage(msg: Message): msg is PingMessage {
 function QueryParamProcessor() {
   const dispatch = useAppDispatch();
   const [searchParams] = useSearchParams();
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   useEffect(() => {
-    const worker_id = searchParams.get("workerId");
     const assignment_id = searchParams.get("assignmentId");
     const tsid = searchParams.get("tsid");
-    const turkSubmitTo = searchParams.get("turkSubmitTo");
 
-    if (turkSubmitTo) {
-      dispatch(setTurkSubmitTo(turkSubmitTo));
-    }
-
-    if (worker_id) {
-      dispatch(setProductUserID(worker_id));
+    if (user?.product_user_id) {
+      dispatch(setProductUserID(user.product_user_id));
 
       new WalletApi()
         .getUserWalletBalanceProductIdWalletGet(
           bpid, // productId
-          worker_id, // bpuid
+          user.product_user_id,
         )
         .then((res) => {
           const response = res.data as UserWalletBalanceResponse;
diff --git a/jb-ui/src/components/Footer.tsx b/jb-ui/src/components/Footer.tsx
index eede06c..ec458f2 100644
--- a/jb-ui/src/components/Footer.tsx
+++ b/jb-ui/src/components/Footer.tsx
@@ -1,8 +1,7 @@
-import { useAppSelector } from "@/hooks";
+import { useGetMeQuery } from "@/models/authAPI";
 
 const Footer = () => {
-  const bpuid = useAppSelector((state) => state.app.bpuid);
-  const assignment_id = useAppSelector((state) => state.app.assignment_id);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   return (
     <div
@@ -14,7 +13,7 @@ const Footer = () => {
         <p>
           help:{" "}
           <a
-            href={`mailto:support@jamesbillings67.com?subject=AMT Support Request: (${bpuid ?? "-"}) ${assignment_id ?? "–"}`}
+            href={`mailto:support@jamesbillings67.com?subject=AMT Support Request: (${user?.product_user_id ?? "-"})`}
           >
             support@jamesbillings67.com
           </a>
diff --git a/jb-ui/src/components/Profiling.tsx b/jb-ui/src/components/Profiling.tsx
index 96b06b2..23b8457 100644
--- a/jb-ui/src/components/Profiling.tsx
+++ b/jb-ui/src/components/Profiling.tsx
@@ -1,4 +1,5 @@
 import { UpkQuestionChoice } from "@/api_fsb";
+import { useGetMeQuery } from "@/models/authAPI";
 import { ChevronRightIcon } from "lucide-react";
 import { KeyboardEvent, MouseEvent, useEffect, useRef, useState } from "react";
 
@@ -46,7 +47,7 @@ const TextEntry = () => {
   // const selectAnswer = useSelector(selectAnswerForQuestion(question));
   const metadata = activeQuestion?._metadata;
   const validation = activeQuestion?._validation;
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   if (!metadata) return null;
   if (!validation) return null;
@@ -67,11 +68,14 @@ const TextEntry = () => {
 
   const handleKeyPress = (event: KeyboardEvent<HTMLInputElement>) => {
     if (!activeQuestion.question_id) return;
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
 
     if (event.key === "Enter") {
       dispatch(
-        saveAnswer({ questionId: activeQuestion.question_id!, bpuid: bpuid }),
+        saveAnswer({
+          questionId: activeQuestion.question_id!,
+          bpuid: user.product_user_id,
+        }),
       );
     }
   };
@@ -109,14 +113,14 @@ export default function useKeyboardMode(rowModel: RowModel<UpkQuestionChoice>) {
 
   const dispatch = useAppDispatch();
   const activeQuestion = useSelector(selectActiveQuestion);
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   const keyboardSelectionIdxRef = useRef(0);
 
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
       if (!activeQuestion) return;
-      if (!bpuid) return;
+      if (!user?.product_user_id) return;
 
       //   if (!keyboardEnabled) {
       //     return;
@@ -141,7 +145,10 @@ export default function useKeyboardMode(rowModel: RowModel<UpkQuestionChoice>) {
 
       if (event.key === "Enter") {
         dispatch(
-          saveAnswer({ questionId: activeQuestion.question_id!, bpuid: bpuid }),
+          saveAnswer({
+            questionId: activeQuestion.question_id!,
+            bpuid: user.product_user_id,
+          }),
         );
       }
 
@@ -507,15 +514,18 @@ const ProfilingQuestionSubmitButton = () => {
 
   const activeQuestion = useSelector(selectActiveQuestion);
   const activeQuestionValidation = useSelector(selectActiveQuestionValidation);
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   const handleOnClick = () => {
     if (!activeQuestion) return;
     if (!activeQuestionValidation?.isComplete) return;
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
 
     dispatch(
-      saveAnswer({ questionId: activeQuestion.question_id!, bpuid: bpuid }),
+      saveAnswer({
+        questionId: activeQuestion.question_id!,
+        bpuid: user.product_user_id,
+      }),
     );
   };
 
@@ -749,14 +759,14 @@ const Profiling = () => {
   const [showProfiling, setShowProfiling] = useState(false);
 
   const dispatch = useAppDispatch();
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   useEffect(() => {
-    if (!bpuid) return;
-    dispatch(fetchNewQuestions(bpuid));
-  }, [bpid, bpuid]);
+    if (!user?.product_user_id) return;
+    dispatch(fetchNewQuestions(user.product_user_id));
+  }, [bpid, user?.product_user_id]);
 
-  if (!bpuid) return null;
+  if (!user?.product_user_id) return null;
 
   return (
     <div
diff --git a/jb-ui/src/components/Wallet.tsx b/jb-ui/src/components/Wallet.tsx
index 933dc9a..3f5c6a4 100644
--- a/jb-ui/src/components/Wallet.tsx
+++ b/jb-ui/src/components/Wallet.tsx
@@ -3,6 +3,7 @@ import {
   UserLedgerTransactionsResponseTransactionsInner,
   WalletApi,
 } from "@/api_fsb";
+import { useGetMeQuery } from "@/models/authAPI";
 import { useAppDispatch, useAppSelector } from "@/hooks";
 import { bpid, formatCentsToUSD } from "@/lib/utils";
 import {
@@ -187,19 +188,19 @@ const WalletTransactionsHeader = () => {
 
 const WalletTransactions = () => {
   const dispatch = useAppDispatch();
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
   const userLedgerTxs = useAppSelector((state) => state.app.userLedgerTxs);
 
   const txPagination = useAppSelector((state) => state.app.txPagination);
   const txTotalPages = useAppSelector((state) => state.app.txTotalPages);
 
   useEffect(() => {
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
 
     new WalletApi()
       .getUserTransactionHistoryProductIdTransactionHistoryGet(
         bpid, // productId
-        bpuid, // bpuid
+        user.product_user_id,
         undefined, // createdAfter
         undefined, // createdBefore
         "-created", // orderBy
@@ -215,7 +216,7 @@ const WalletTransactions = () => {
         dispatch(setTxTotalItems(response.total!));
         dispatch(setTxTotalPages(response.pages!));
       });
-  }, [bpuid, txPagination.pageIndex, txPagination.pageSize]);
+  }, [user?.product_user_id, txPagination.pageIndex, txPagination.pageSize]);
 
   const columnHelper =
     createColumnHelper<UserLedgerTransactionsResponseTransactionsInner>();
@@ -438,16 +439,16 @@ const WalletTransactions = () => {
 
 const Wallet = () => {
   const dispatch = useAppDispatch();
-  const bpuid = useAppSelector((state) => state.app.bpuid);
   const pagination = useAppSelector((state) => state.app.txPagination);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   useEffect(() => {
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
 
     new WalletApi()
       .getUserTransactionHistoryProductIdTransactionHistoryGet(
         bpid, // productId
-        bpuid, // bpuid
+        user.product_user_id,
         undefined, // createdAfter
         undefined, // createdBefore
         "-created", // orderBy
@@ -468,9 +469,9 @@ const Wallet = () => {
         dispatch(setTxTotalItems(response.total ?? 0));
         dispatch(setTxTotalPages(response.pages ?? 9));
       });
-  }, [bpuid]);
+  }, [user?.product_user_id]);
 
-  if (!bpuid) return null;
+  if (!user?.product_user_id) return null;
 
   return (
     <div
diff --git a/jb-ui/src/models/authAPI.ts b/jb-ui/src/models/authAPI.ts
index 1ac7886..fa08bc7 100644
--- a/jb-ui/src/models/authAPI.ts
+++ b/jb-ui/src/models/authAPI.ts
@@ -1,4 +1,5 @@
 import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
+import type { User } from "@/types/authApi";
 
 export const authApi = createApi({
   reducerPath: "authApi",
@@ -8,7 +9,7 @@ export const authApi = createApi({
   }),
   tagTypes: ["User"],
   endpoints: (builder) => ({
-    getMe: builder.query({
+    getMe: builder.query<User, void>({
       query: () => "/session",
       providesTags: ["User"],
     }),
diff --git a/jb-ui/src/pages/Preview.tsx b/jb-ui/src/pages/Preview.tsx
index 6e50b0d..1926975 100644
--- a/jb-ui/src/pages/Preview.tsx
+++ b/jb-ui/src/pages/Preview.tsx
@@ -95,7 +95,6 @@ export const Leaderboards = () => {
   const [payouts, setPayouts] = useState<Leaderboard | null>(null);
   const [completes, setCompletes] = useState<Leaderboard | null>(null);
 
-  // const bpuid = useAppSelector(state => state.app.bpuid)
   const bpuid = undefined;
 
   useEffect(() => {
@@ -105,7 +104,7 @@ export const Leaderboards = () => {
         LeaderboardCode.CompleteCount,
         frequency,
         "us",
-        bpuid, // bpuid
+        bpuid,
         undefined, // within_time
         10,
       )
diff --git a/jb-ui/src/pages/Transfer.tsx b/jb-ui/src/pages/Transfer.tsx
index bef40d4..4192eee 100644
--- a/jb-ui/src/pages/Transfer.tsx
+++ b/jb-ui/src/pages/Transfer.tsx
@@ -1,5 +1,6 @@
 import { type FormEvent, useState } from "react";
 import { useAppDispatch, useAppSelector } from "@/hooks";
+import { useGetMeQuery } from "@/models/authAPI";
 import { Button } from "@/components/ui/button";
 import max_lulu from "./max-and-lulu.jpg";
 
@@ -43,7 +44,7 @@ type RequestState = "idle" | "working" | "sent" | "failed";
 const TransferSubmit = function ({ onSubmitSuccess }) {
   const [email, setEmail] = useState("");
   const [state, setState] = useState<RequestState>("idle");
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   const submit = async (event: FormEvent<HTMLFormElement>) => {
     event.preventDefault();
@@ -56,7 +57,7 @@ const TransferSubmit = function ({ onSubmitSuccess }) {
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           email: email,
-          amt_worker_id: bpuid,
+          amt_worker_id: user?.product_user_id,
         }),
       });
 
@@ -132,10 +133,10 @@ const TransferSubmit = function ({ onSubmitSuccess }) {
 
 const Transfer = function () {
   const assignment_id = useAppSelector((state) => state.app.assignment_id);
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
   const [submitted, setSubmitted] = useState(false);
 
-  if (!bpuid) {
+  if (!user?.product_user_id) {
     return (
       <p className="text-center text-2xl py-3 text-red-800 font-semibold">
         No Worker ID found. Please access this page through the Amazon
diff --git a/jb-ui/src/pages/Work.tsx b/jb-ui/src/pages/Work.tsx
index e33328e..84cb946 100644
--- a/jb-ui/src/pages/Work.tsx
+++ b/jb-ui/src/pages/Work.tsx
@@ -51,8 +51,7 @@ import Markdown from "react-markdown";
 const Report = ({ onClose }: { onClose: () => void }) => {
   const [showComplete, setShowComplete] = useState(false);
   const [selectedValues, setSelectedValues] = useState<ReportValue[]>([]);
-
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
   const ts = useAppSelector((state) => state.app.taskStatus);
 
   const handleCheckboxChange = (value: ReportValue, checked: boolean) => {
@@ -62,12 +61,12 @@ const Report = ({ onClose }: { onClose: () => void }) => {
   };
 
   const clicked_submit = () => {
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
     // ReportValue.NUMBER_0
     console.log("selectedValues:", selectedValues);
 
     const rt: ReportTask = {
-      bpuid: bpuid,
+      bpuid: user.product_user_id,
       reasons: selectedValues,
       notes: "",
     };
@@ -122,9 +121,10 @@ const Report = ({ onClose }: { onClose: () => void }) => {
     return <p>Please finish a Task to report its status.</p>;
   }
 
-  if (showComplete) {
-    return <SubimtAMT />;
-  }
+  // TODO! What do we do here, redirect back to / with a thank you + wallet refresh?
+  // if (showComplete) {
+  // return <SubimtAMT />;
+  // }
 
   return (
     <div className="border-2 border-rose-200 rounded">
@@ -189,43 +189,6 @@ const Report = ({ onClose }: { onClose: () => void }) => {
   );
 };
 
-const SubimtAMT = () => {
-  const bpuid = useAppSelector((state) => state.app.bpuid);
-  const assignment_id = useAppSelector((state) => state.app.assignment_id);
-  const ts = useAppSelector((state) => state.app.taskStatus);
-  const turkSubmitTo = useAppSelector((state) => state.app.turkSubmitTo);
-
-  const formRef = useRef<HTMLFormElement>(null);
-
-  useEffect(() => {
-    if (!ts) return;
-    if (!bpuid) return;
-    if (!assignment_id) return;
-    if (!turkSubmitTo) return;
-
-    if (formRef.current) {
-      formRef.current.submit();
-    }
-  }, [ts?.tsid, bpuid, assignment_id, turkSubmitTo]);
-
-  return (
-    <>
-      <form
-        ref={formRef}
-        action={`${turkSubmitTo}/mturk/externalSubmit`}
-        method="POST"
-        style={{ display: "none" }}
-      >
-        <input type="hidden" name="assignmentId" value={assignment_id} />
-        <input type="hidden" name="tsid" value={ts?.tsid} />
-        <input type="hidden" name="amt_assignment_id" value={assignment_id} />
-        <input type="hidden" name="amt_worker_id" value={bpuid} />
-        <button type="submit">Submit HIT</button>
-      </form>
-    </>
-  );
-};
-
 const SurveyMonitor = () => {
   const dispatch = useAppDispatch();
 
@@ -235,7 +198,7 @@ const SurveyMonitor = () => {
   const [showComplete, setShowComplete] = useState(false);
   const [showReport, setShowReport] = useState(false);
 
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
   const entered = useAppSelector((state) => state.app.currentBucketEntered);
   const isLow = useAppSelector((state) => isLowBalance(state));
 
@@ -263,7 +226,7 @@ const SurveyMonitor = () => {
   // }, [ts]);
 
   useEffect(() => {
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
     if (!entered) return;
     if (!isPolling) return;
 
@@ -271,7 +234,7 @@ const SurveyMonitor = () => {
       new StatusApi()
         .listTaskStatusesProductIdStatusGet(
           bpid, // productId
-          bpuid, // Worker ID
+          user.product_user_id, // Worker ID
           entered, // startedAfter
           moment.utc().unix(), // startedBefore
         )
@@ -418,8 +381,9 @@ const SurveyMonitor = () => {
                   Report Survey
                 </button>
               </div>
-
-              {showComplete && <SubimtAMT />}
+              {/* TODO! What do we do here, redirect back to / with wallet */}
+              {/* TODO! refresh? The confetti is on a different page. */}
+              {/* {showComplete && <SubimtAMT />} */}
               {showReport && <Report onClose={() => setShowReport(false)} />}
             </>
           ) : (
@@ -731,7 +695,7 @@ const BucketDetails = () => {
 const SurveyEnter = () => {
   const dispatch = useAppDispatch();
   const loi = useAppSelector((state) => state.app.loi);
-  const bpuid = useAppSelector((state) => state.app.bpuid);
+  const { data: user, isLoading, isError } = useGetMeQuery();
 
   const available_cnt = useAppSelector((state) => getAvailabilityCount(state));
   const buckets = useAppSelector((state) => state.app.currentBuckets);
@@ -739,12 +703,12 @@ const SurveyEnter = () => {
   const isLow = useAppSelector((state) => isLowBalance(state));
 
   useEffect(() => {
-    if (!bpuid) return;
+    if (!user?.product_user_id) return;
 
     new OfferwallApi()
       .topNPlusBlockOfferwallProductIdOfferwallD48cce47Get(
         bpid, // productId
-        bpuid, // bpuid
+        user.product_user_id,
         undefined, // ip
         undefined, // countryIso
         undefined, // languages
@@ -766,7 +730,7 @@ const SurveyEnter = () => {
         dispatch(setCurrentBuckets(top_n_res.buckets));
         dispatch(setOfferwallReasons(top_n_res.offerwall_reasons ?? []));
       });
-  }, [loi, bpuid]);
+  }, [loi, user?.product_user_id]);
 
   const start_survey = () => {
     if (!bucket?.uri) return;
@@ -834,7 +798,6 @@ type RequestState = "idle" | "working" | "sent" | "failed";
 const Login = () => {
   const [email, setEmail] = useState("");
   const [state, setState] = useState<RequestState>("idle");
-  const bpuid = useAppSelector((state) => state.app.bpuid);
 
   // const dispatch = useAppDispatch();
   const submit = async (event: FormEvent<HTMLFormElement>) => {
diff --git a/jb-ui/src/types/authApi.ts b/jb-ui/src/types/authApi.ts
new file mode 100644
index 0000000..19aeee0
--- /dev/null
+++ b/jb-ui/src/types/authApi.ts
@@ -0,0 +1,6 @@
+export interface User {
+  email: string;
+  display_name: string | null;
+  blocked: boolean;
+  product_user_id: string;
+}
-- 
cgit v1.2.3


From b464e311b44a5f3baeb1568ba55b6322a1a11638 Mon Sep 17 00:00:00 2001
From: Max Nanis
Date: Sun, 13 Sep 2026 11:43:52 -0700
Subject: Fix pnpm build error requirements

---
 jb-ui/src/AuthContext.tsx           | 28 ----------------------------
 jb-ui/src/JBApp.tsx                 |  8 +-------
 jb-ui/src/components/Footer.tsx     |  2 +-
 jb-ui/src/components/Profiling.tsx  | 10 +++++-----
 jb-ui/src/components/Redemption.tsx | 14 ++++----------
 jb-ui/src/components/Wallet.tsx     |  4 ++--
 jb-ui/src/pages/Preview.tsx         |  9 ++++++---
 jb-ui/src/pages/Transfer.tsx        | 11 +++++++----
 jb-ui/src/pages/Work.tsx            | 12 ++++++------
 9 files changed, 32 insertions(+), 66 deletions(-)
 delete mode 100644 jb-ui/src/AuthContext.tsx

(limited to 'jb-ui/src/components/Footer.tsx')

diff --git a/jb-ui/src/AuthContext.tsx b/jb-ui/src/AuthContext.tsx
deleted file mode 100644
index 85bcdb0..0000000
--- a/jb-ui/src/AuthContext.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-// AuthContext.jsx
-import { createContext, useContext, useEffect, useState } from "react";
-
-const AuthContext = createContext(null);
-
-export function AuthProvider({ children }) {
-  const [user, setUser] = useState(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    fetch("/api/me", { credentials: "include" })
-      .then((res) => (res.ok ? res.json() : null))
-      .then(setUser)
-      .finally(() => setLoading(false));
-  }, []);
-
-  return (
-    <AuthContext.Provider
-      value={{ user, isLoggedIn: !!user, loading, setUser }}
-    >
-      {children}
-    </AuthContext.Provider>
-  );
-}
-
-export function useAuth() {
-  return useContext(AuthContext);
-}
diff --git a/jb-ui/src/JBApp.tsx b/jb-ui/src/JBApp.tsx
index 4870e9b..c55cd73 100644
--- a/jb-ui/src/JBApp.tsx
+++ b/jb-ui/src/JBApp.tsx
@@ -13,7 +13,6 @@ import {
   UserWalletBalanceResponse,
   UserLedgerWallets,
   UserLedgerWalletAccountTypeEnum,
-  UserDisplayedWalletBalance,
   WalletApi,
   CashoutMethodsResponse,
 } from "@/api_fsb";
@@ -33,9 +32,7 @@ import { addCashoutMethods } from "@/models/cashoutMethodsSlice";
 
 import { addEvent } from "@/models/grlEventsSlice";
 import { addStatsData } from "@/models/grlStatsSlice";
-import Home from "@/pages/Home";
 import MagicLink from "@/pages/MagicLink";
-import Preview from "@/pages/Preview";
 import Result from "@/pages/Result";
 import clsx from "clsx";
 
@@ -44,7 +41,6 @@ import Transfer from "@/pages/Transfer";
 import {
   BrowserRouter,
   Outlet,
-  useLocation,
   useMatch,
   Route,
   Routes,
@@ -83,7 +79,7 @@ function isPingMessage(msg: Message): msg is PingMessage {
 function QueryParamProcessor() {
   const dispatch = useAppDispatch();
   const [searchParams] = useSearchParams();
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   useEffect(() => {
     if (user?.product_user_id) {
@@ -169,8 +165,6 @@ function QueryParamProcessor() {
 }
 
 const Layout = () => {
-  const location = useLocation();
-
   const isWork = useMatch("/work/*");
   const isPreview = useMatch("/preview/*");
   const isSpecialSubview = Boolean(isWork || isPreview);
diff --git a/jb-ui/src/components/Footer.tsx b/jb-ui/src/components/Footer.tsx
index ec458f2..e65255f 100644
--- a/jb-ui/src/components/Footer.tsx
+++ b/jb-ui/src/components/Footer.tsx
@@ -1,7 +1,7 @@
 import { useGetMeQuery } from "@/models/authAPI";
 
 const Footer = () => {
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   return (
     <div
diff --git a/jb-ui/src/components/Profiling.tsx b/jb-ui/src/components/Profiling.tsx
index 23b8457..b834c9f 100644
--- a/jb-ui/src/components/Profiling.tsx
+++ b/jb-ui/src/components/Profiling.tsx
@@ -3,7 +3,7 @@ import { useGetMeQuery } from "@/models/authAPI";
 import { ChevronRightIcon } from "lucide-react";
 import { KeyboardEvent, MouseEvent, useEffect, useRef, useState } from "react";
 
-import { useAppDispatch, useAppSelector } from "@/hooks";
+import { useAppDispatch } from "@/hooks";
 import { bpid } from "@/lib/utils";
 import {
   createColumnHelper,
@@ -47,7 +47,7 @@ const TextEntry = () => {
   // const selectAnswer = useSelector(selectAnswerForQuestion(question));
   const metadata = activeQuestion?._metadata;
   const validation = activeQuestion?._validation;
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   if (!metadata) return null;
   if (!validation) return null;
@@ -113,7 +113,7 @@ export default function useKeyboardMode(rowModel: RowModel<UpkQuestionChoice>) {
 
   const dispatch = useAppDispatch();
   const activeQuestion = useSelector(selectActiveQuestion);
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   const keyboardSelectionIdxRef = useRef(0);
 
@@ -514,7 +514,7 @@ const ProfilingQuestionSubmitButton = () => {
 
   const activeQuestion = useSelector(selectActiveQuestion);
   const activeQuestionValidation = useSelector(selectActiveQuestionValidation);
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   const handleOnClick = () => {
     if (!activeQuestion) return;
@@ -759,7 +759,7 @@ const Profiling = () => {
   const [showProfiling, setShowProfiling] = useState(false);
 
   const dispatch = useAppDispatch();
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   useEffect(() => {
     if (!user?.product_user_id) return;
diff --git a/jb-ui/src/components/Redemption.tsx b/jb-ui/src/components/Redemption.tsx
index 0a91ab3..1d76f17 100644
--- a/jb-ui/src/components/Redemption.tsx
+++ b/jb-ui/src/components/Redemption.tsx
@@ -1,14 +1,10 @@
 import { clsx } from "clsx";
-import { useAppDispatch, useAppSelector } from "@/hooks";
-import { UpkQuestionChoice } from "@/api_fsb";
-import { useGetMeQuery } from "@/models/authAPI";
-import { ChevronRightIcon } from "lucide-react";
-import { KeyboardEvent, MouseEvent, useEffect, useRef, useState } from "react";
-import { useSelector } from "react-redux";
-import { cashoutMethodsSelectors } from "@/models/cashoutMethodsSlice";
+import { useState } from "react";
+// import { useSelector } from "react-redux";
+// import { cashoutMethodsSelectors } from "@/models/cashoutMethodsSlice";
 
 const RedemptionHeader = () => {
-  const cashout_methods = useSelector(cashoutMethodsSelectors.selectAll);
+  // const cashout_methods = useSelector(cashoutMethodsSelectors.selectAll);
 
   return (
     <>
@@ -32,8 +28,6 @@ const RedemptionModalBody = () => {
 };
 
 const Redemption = () => {
-  const dispatch = useAppDispatch();
-  const { data: user, isLoading, isError } = useGetMeQuery();
   const [showRedemption, setShowRedemption] = useState(false);
 
   return (
diff --git a/jb-ui/src/components/Wallet.tsx b/jb-ui/src/components/Wallet.tsx
index 3bb23a9..819eff7 100644
--- a/jb-ui/src/components/Wallet.tsx
+++ b/jb-ui/src/components/Wallet.tsx
@@ -194,7 +194,7 @@ const WalletTransactionsHeader = () => {
 
 const WalletTransactions = () => {
   const dispatch = useAppDispatch();
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
   const userLedgerTxs = useAppSelector((state) => state.app.userLedgerTxs);
 
   const txPagination = useAppSelector((state) => state.app.txPagination);
@@ -446,7 +446,7 @@ const WalletTransactions = () => {
 const Wallet = () => {
   const dispatch = useAppDispatch();
   const pagination = useAppSelector((state) => state.app.txPagination);
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   useEffect(() => {
     if (!user?.product_user_id) return;
diff --git a/jb-ui/src/pages/Preview.tsx b/jb-ui/src/pages/Preview.tsx
index 900621e..c58a85e 100644
--- a/jb-ui/src/pages/Preview.tsx
+++ b/jb-ui/src/pages/Preview.tsx
@@ -5,13 +5,12 @@ import {
   LeaderboardFrequency,
   LeaderboardRow,
 } from "@/api_fsb";
-import { Button } from "@/components/ui/button";
 import { useAppSelector } from "@/hooks";
 import { bpid, formatCentsToUSD, truncate } from "@/lib/utils";
 import { activeSurveys, activeUsers, maxPayout } from "@/models/grlStatsSlice";
 import { clsx } from "clsx";
 import moment from "moment";
-import { useEffect, useState } from "react";
+import { FormEvent, useEffect, useState } from "react";
 
 const showSmartRank = (
   item: LeaderboardRow,
@@ -247,7 +246,11 @@ export const Leaderboards = () => {
 
 type RequestState = "idle" | "working" | "failed";
 
-const LoginForm = function ({ onSubmitSuccess }) {
+interface LoginFormProps {
+  onSubmitSuccess: () => void;
+}
+
+const LoginForm = function ({ onSubmitSuccess }: LoginFormProps) {
   const [email, setEmail] = useState("");
   const [state, setState] = useState<RequestState>("idle");
 
diff --git a/jb-ui/src/pages/Transfer.tsx b/jb-ui/src/pages/Transfer.tsx
index 0d174c1..8079da2 100644
--- a/jb-ui/src/pages/Transfer.tsx
+++ b/jb-ui/src/pages/Transfer.tsx
@@ -1,5 +1,5 @@
 import { type FormEvent, useState } from "react";
-import { useAppDispatch, useAppSelector } from "@/hooks";
+import { useAppSelector } from "@/hooks";
 import { useGetMeQuery } from "@/models/authAPI";
 import { Button } from "@/components/ui/button";
 import max_lulu from "./max-and-lulu.jpg";
@@ -41,10 +41,14 @@ const TransferComplete = function () {
 
 type RequestState = "idle" | "working" | "sent" | "failed";
 
-const TransferSubmit = function ({ onSubmitSuccess }) {
+interface TransferSubmitProps {
+  onSubmitSuccess: () => void;
+}
+
+const TransferSubmit = function ({ onSubmitSuccess }: TransferSubmitProps) {
   const [email, setEmail] = useState("");
   const [state, setState] = useState<RequestState>("idle");
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   const submit = async (event: FormEvent<HTMLFormElement>) => {
     event.preventDefault();
@@ -133,7 +137,6 @@ const TransferSubmit = function ({ onSubmitSuccess }) {
 
 const Transfer = function () {
   const bpuid = useAppSelector((state) => state.app.bpuid);
-  const { data: user, isLoading, isError } = useGetMeQuery();
   const [submitted, setSubmitted] = useState(false);
 
   if (!bpuid) {
diff --git a/jb-ui/src/pages/Work.tsx b/jb-ui/src/pages/Work.tsx
index 50ed930..6d0b1c1 100644
--- a/jb-ui/src/pages/Work.tsx
+++ b/jb-ui/src/pages/Work.tsx
@@ -47,13 +47,13 @@ import {
 } from "@tanstack/react-table";
 import { XIcon } from "lucide-react";
 import moment from "moment/moment";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 import Markdown from "react-markdown";
 
 const Report = ({ onClose }: { onClose: () => void }) => {
-  const [showComplete, setShowComplete] = useState(false);
+  const [, setShowComplete] = useState(false);
   const [selectedValues, setSelectedValues] = useState<ReportValue[]>([]);
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
   const ts = useAppSelector((state) => state.app.taskStatus);
 
   const handleCheckboxChange = (value: ReportValue, checked: boolean) => {
@@ -197,10 +197,10 @@ const SurveyMonitor = () => {
   const [isPolling, setIsPolling] = useState(true);
   // const [timeAgo, setTimeAgo] = useState("");
 
-  const [showComplete, setShowComplete] = useState(false);
+  const [, setShowComplete] = useState(false);
   const [showReport, setShowReport] = useState(false);
 
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
   const entered = useAppSelector((state) => state.app.currentBucketEntered);
   const isLow = useAppSelector((state) => isLowBalance(state));
 
@@ -691,7 +691,7 @@ const BucketDetails = () => {
 const SurveyEnter = () => {
   const dispatch = useAppDispatch();
   const loi = useAppSelector((state) => state.app.loi);
-  const { data: user, isLoading, isError } = useGetMeQuery();
+  const { data: user } = useGetMeQuery();
 
   const available_cnt = useAppSelector((state) => getAvailabilityCount(state));
   const buckets = useAppSelector((state) => state.app.currentBuckets);
-- 
cgit v1.2.3