Move label defs into a context to reduce recomputes

src/lib/moderation/useLabelInfo.ts

@@ -9,10 +9,10 @@ import {useLingui} from '@lingui/react'
 import * as bcp47Match from 'bcp-47-match'
 
 import {
-  useGlobalLabelStrings,
   GlobalLabelStrings,
+  useGlobalLabelStrings,
 } from '#/lib/moderation/useGlobalLabelStrings'
-import {useLabelDefinitions} from '#/state/queries/preferences'
+import {useLabelDefinitions} from '#/state/preferences'
 
 export interface LabelInfo {
   label: ComAtprotoLabelDefs.Label
@@ -23,8 +23,8 @@ export interface LabelInfo {
 
 export function useLabelInfo(label: ComAtprotoLabelDefs.Label): LabelInfo {
   const {i18n} = useLingui()
-  const globalLabelStrings = useGlobalLabelStrings()
   const {labelDefs, labelers} = useLabelDefinitions()
+  const globalLabelStrings = useGlobalLabelStrings()
   const def = getDefinition(labelDefs, label)
   return {
     label,

src/lib/moderation/useModerationCauseDescription.ts

@@ -2,9 +2,9 @@ import React from 'react'
 import {ModerationCause, ModerationCauseSource} from '@atproto/api'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
-import {useGlobalLabelStrings} from './useGlobalLabelStrings'
-import {useLabelDefinitions} from '#/state/queries/preferences'
 import {getDefinition, getLabelStrings} from './useLabelInfo'
+import {useLabelDefinitions} from '#/state/preferences'
+import {useGlobalLabelStrings} from './useGlobalLabelStrings'
 
 import {Props as SVGIconProps} from '#/components/icons/common'
 import {Warning_Stroke2_Corner0_Rounded as Warning} from '#/components/icons/Warning'
@@ -24,8 +24,8 @@ export function useModerationCauseDescription(
   cause: ModerationCause | undefined,
 ): ModerationCauseDescription {
   const {_, i18n} = useLingui()
-  const globalLabelStrings = useGlobalLabelStrings()
   const {labelDefs, labelers} = useLabelDefinitions()
+  const globalLabelStrings = useGlobalLabelStrings()
 
   return React.useMemo(() => {
     if (!cause) {