Fix toggles

src/screens/Moderation/SettingsDialog.tsx

@@ -24,8 +24,7 @@ function LabelerToggle({
   preferences: UsePreferencesQueryResponse
 }) {
   const t = useTheme()
-  const {mutateAsync, variables, reset} =
-    useModServiceLabelGroupEnableMutation()
+  const {mutateAsync, variables} = useModServiceLabelGroupEnableMutation()
 
   const modservicePreferences = preferences.moderationOpts.mods.find(
     ({did}) => did === labeler.creator.did,
@@ -46,12 +45,11 @@ function LabelerToggle({
         group: labelGroup,
         enabled: !enabled,
       })
-      reset() // Important: clears query `variables`
     } catch (e: any) {
       // TODO
       console.error(e)
     }
-  }, [mutateAsync, enabled, modservicePreferences, labelGroup, reset])
+  }, [mutateAsync, enabled, modservicePreferences, labelGroup])
   return (
     <Toggle.Item
       name={labeler.creator.did}

src/screens/ProfileModerationService/PreferenceRow.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import {View} from 'react-native'
 import {useLingui} from '@lingui/react'
+import {msg} from '@lingui/macro'
 // import {msg} from '@lingui/macro'
 import {LABEL_GROUPS} from '@atproto/api'
 // TODO
@@ -24,7 +25,7 @@ export function PreferenceRow({
   const {_} = useLingui()
   const labelGroupStrings = useLabelGroupStrings()
   const groupInfoStrings = labelGroupStrings[labelGroup]
-  const {mutateAsync, variables, reset} = useModServiceLabelGroupEnableMutation()
+  const {mutateAsync, variables} = useModServiceLabelGroupEnableMutation()
   const enabled =
     variables?.enabled ??
     !modservicePreferences?.disabledLabelGroups?.includes(labelGroup)
@@ -37,12 +38,11 @@ export function PreferenceRow({
         group: labelGroup,
         enabled: !enabled,
       })
-      reset() // Important: clears query `variables`
     } catch (e: any) {
       // TODO
       console.error(e)
     }
-  }, [mutateAsync, enabled, modservicePreferences, labelGroup, reset])
+  }, [mutateAsync, enabled, modservicePreferences, labelGroup])
 
   return (
     <View
@@ -65,7 +65,7 @@ export function PreferenceRow({
             name="enable"
             value={enabled}
             onChange={onToggleEnabled}
-            label="Enable">
+            label={_(msg`Enable`)}>
             <Toggle.Label>{enabled ? 'Enabled' : 'Disabled'}</Toggle.Label>
             <Toggle.Switch />
           </Toggle.Item>