ad disabler

tannerlinsley · tannerlinsley · commit 8fc4c036ba57 · 2025-09-02T23:59:05.000-06:00
diff --git a/convex/users.ts b/convex/users.ts
@@ -99,3 +99,28 @@ export const updateAdPreference = mutation({
     return { success: true }
   },
 })
+
+// Admin override to set a user's adsDisabled flag
+export const adminSetAdsDisabled = mutation({
+  args: {
+    userId: v.id('users'),
+    adsDisabled: v.boolean(),
+  },
+  handler: async (ctx, args) => {
+    // Validate admin capability
+    await requireCapability(ctx, 'admin')
+
+    // Validate that target user exists
+    const targetUser = await ctx.db.get(args.userId)
+    if (!targetUser) {
+      throw new Error('Target user not found')
+    }
+
+    // Update target user's adsDisabled flag
+    await ctx.db.patch(args.userId, {
+      adsDisabled: args.adsDisabled,
+    })
+
+    return { success: true }
+  },
+})
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
@@ -220,35 +220,35 @@ function HtmlWrapper({ children }: { children: React.ReactNode }) {
         <GamScripts />
       </head>
       <body>
-        <BackgroundGradient />
         <ToastProvider>
+          <BackgroundGradient />
           <React.Suspense fallback={null}>{children}</React.Suspense>
-        </ToastProvider>
-        {showDevtools ? (
-          <TanStackRouterDevtoolsInProd position="bottom-right" />
-        ) : null}
-        {canShowLoading ? (
-          <div
-            className={`fixed top-0 left-0 h-[300px] w-full
+          {showDevtools ? (
+            <TanStackRouterDevtoolsInProd position="bottom-right" />
+          ) : null}
+          {canShowLoading ? (
+            <div
+              className={`fixed top-0 left-0 h-[300px] w-full
         transition-all duration-300 pointer-events-none
         z-30 dark:h-[200px] dark:bg-white/10! dark:rounded-[100%] ${
           isLoading
             ? 'delay-500 opacity-1 -translate-y-1/2'
             : 'delay-0 opacity-0 -translate-y-full'
         }`}
-            style={{
-              background: `radial-gradient(closest-side, rgba(0,10,40,0.2) 0%, rgba(0,0,0,0) 100%)`,
-            }}
-          >
-            <div
-              className={`absolute top-1/2 left-1/2 -translate-x-1/2 translate-y-[30px] p-2 bg-white/80 dark:bg-gray-800
-        rounded-lg shadow-lg`}
+              style={{
+                background: `radial-gradient(closest-side, rgba(0,10,40,0.2) 0%, rgba(0,0,0,0) 100%)`,
+              }}
             >
-              <CgSpinner className="text-3xl animate-spin" />
+              <div
+                className={`absolute top-1/2 left-1/2 -translate-x-1/2 translate-y-[30px] p-2 bg-white/80 dark:bg-gray-800
+        rounded-lg shadow-lg`}
+              >
+                <CgSpinner className="text-3xl animate-spin" />
+              </div>
             </div>
-          </div>
-        ) : null}
-        <SearchModal />
+          ) : null}
+          <SearchModal />
+        </ToastProvider>
         <noscript>
           <iframe
             src="https://www.googletagmanager.com/ns.html?id=GTM-5N57KQT4"
diff --git a/src/routes/admin/users.tsx b/src/routes/admin/users.tsx
@@ -31,6 +31,7 @@ type User = {
   email: string
   image?: string
   capabilities?: string[]
+  adsDisabled?: boolean
 }
 
 export const Route = createFileRoute({
@@ -42,6 +43,9 @@ function UsersPage() {
   const [editingCapabilities, setEditingCapabilities] = useState<string[]>([])
   const [cursors, setCursors] = useState<string[]>(['']) // Track cursor history for navigation
   const [currentPageIndex, setCurrentPageIndex] = useState(0)
+  const [updatingAdsUserId, setUpdatingAdsUserId] = useState<string | null>(
+    null
+  )
 
   const user = useConvexQuery(api.auth.getCurrentUser)
   const usersQuery = useQuery({
@@ -57,6 +61,7 @@ function UsersPage() {
   const updateUserCapabilities = useConvexMutation(
     api.users.updateUserCapabilities
   )
+  const adminSetAdsDisabled = useConvexMutation(api.users.adminSetAdsDisabled)
 
   const availableCapabilities = useMemo(
     () => ['admin', 'disableAds', 'builder'],
@@ -104,6 +109,16 @@ function UsersPage() {
     [editingCapabilities]
   )
 
+  const handleToggleAdsDisabled = useCallback(
+    async (userId: string, nextValue: boolean) => {
+      adminSetAdsDisabled({
+        userId: userId as Id<'users'>,
+        adsDisabled: nextValue,
+      })
+    },
+    [adminSetAdsDisabled]
+  )
+
   // Define columns using the column helper
   const columns = useMemo<ColumnDef<User, any>[]>(
     () => [
@@ -177,6 +192,25 @@ function UsersPage() {
           )
         },
       },
+      {
+        id: 'adsDisabled',
+        header: 'Ads Disabled',
+        cell: ({ row }) => {
+          const user = row.original
+          const checked = Boolean(user.adsDisabled)
+          return (
+            <input
+              type="checkbox"
+              checked={checked}
+              onChange={(e) =>
+                handleToggleAdsDisabled(user._id, e.target.checked)
+              }
+              disabled={updatingAdsUserId === user._id}
+              className="h-4 w-4 accent-blue-600"
+            />
+          )
+        },
+      },
       {
         id: 'actions',
         header: 'Actions',
