diff --git a/src/screens/Moderation/index.tsx b/src/screens/Moderation/index.tsx index d0bfaead..50e5ee3b 100644 --- a/src/screens/Moderation/index.tsx +++ b/src/screens/Moderation/index.tsx @@ -205,19 +205,111 @@ export function ModerationScreenInner({ ) return ( - - - - Moderation tools - + + + Moderation tools + + + + + + {state => ( + + )} + + + + {state => ( + + )} + + + + {state => ( + + )} + + + + + Content filters + + + + {ageNotSet && ( + <> + + + + + )} - - - - {state => ( - - )} - - - - {state => ( - - )} - - - - {state => ( - - )} - - - - - Content filters - - - - {ageNotSet && ( + {!ageNotSet && !isUnderage && ( <> - - - + + + Enable adult content + + + + + {adultContentEnabled ? ( + Enabled + ) : ( + Disabled + )} + + + + + + )} - - {!ageNotSet && !isUnderage && ( - <> - - - Enable adult content - - - - - {adultContentEnabled ? ( - Enabled - ) : ( - Disabled - )} - - - - - - - - )} - {!isUnderage && adultContentEnabled && ( - <> - - - - - - - - )} - - + {!isUnderage && adultContentEnabled && ( + <> + + + + + + + + )} + + - - Advanced - + + Advanced + - {isLabelersLoading ? ( - - ) : labelersError || !labelers ? ( - - - - We were unable to load your configured labelers at this time. - - - - ) : ( - - {labelers.map((labeler, i) => { - return ( - - {i !== 0 && } - - {state => ( - - - - - - - - )} - - - ) - })} - - )} + {isLabelersLoading ? ( + + + + ) : labelersError || !labelers ? ( + + + + We were unable to load your configured labelers at this time. + + + + ) : ( + + {labelers.map((labeler, i) => { + return ( + + {i !== 0 && } + + {state => ( + + + + + + + + )} + + + ) + })} + + )} - - Logged-out visibility - + + Logged-out visibility + - + - - - + + ) } @@ -517,11 +515,12 @@ function PwiOptOut() { value={isOptedOut} onChange={onToggleOptOut} name="logged_out_visibility" + style={a.flex_1} label={_( msg`Discourage apps from showing my account to logged-out users`, )}> - + Discourage apps from showing my account to logged-out users